触屏版资讯中心页面设计
现在，很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机，电脑等设备，那么就需要我们在页面上下功夫，但移动端的布局不同于pc端，首先我们要知道在移动端中，css中的1px并不等于物理上的1px，因为手机屏幕的分辨率已经越来越高，高像素但是屏幕尺寸却没有发生太大变化，那就意味着一个物理像素点实际上塞入了好几个像素。下面我就来说一下如何做响应式（自适应）的网页设计
在现代 Web 开发中，HTML5 已经成为构建响应式网站和移动友好型页面的标准。通过使用 HTML5 的新特性和技术，可以创建适用于手机的网页应用，提供流畅的用户体验。在这篇博客中，我们将展示一个简单的手机 HTML5 页面源码，包括响应式布局、常见的手机端界面元素以及如何通过 CSS 和 JavaScript 增强用户体验。
本文详细介绍了CSS中的关键属性，包括文本样式、颜色、布局属性（如背景、边框和列表），以及字体、间距、溢出控制等。特别强调了复合属性和单位选择在前端开发中的重要性。
基本属性 1、type：定义输入类型，如text、password、email等。
HTML 参考手册- (HTML5 标准)
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 在本教程中，您将学习如何使用 HTML 来创建站点。 HTML 很容易学习！相信您能很快学会它！
margin，是CSS语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度， margin: 6px 0px 0px 0px; 以上四个位置按顺序分别为：margin-top--margin-right--margin-bottom--margin-left，即“上-右-下-左”。以下简写为top--right--bottom--left。其中需要注意的是后三种情况，当有像素值缺省时，浏览器会自动对缺省像素按照“bottom=top”和“left=right”的方法进行赋值。或者设置各边上外边距的宽度。
1.box-shadow属性语法 box-shadow 属性接受值最多由五个不同的部分组成。 box-shadow: offset-x offset-y blur spread color position; 换句说： 对象选择器 {box-shadow:X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色 投影方式 } 不像其它的属性，比如 border，它们的接受值可以被拆分为一系列子属性，box-shadow 属性没有子属性。这意味着记住这些组成部分的顺序更加重要，尤其是那些长度值。 ———————————————— 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 原文链接：https://blog.csdn.net/qq_47443027/article/details/116042399
语法 list-style-type：disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 默认值：disc
