如何写高质量的div css页面

1.margin属性在低版本的IE中容易出现兼容性问题，所以尽量不用，可以用padding或position方式代替。

2 .在宽度高度一定、子要素多、子要素位置杂乱、子要素类型多的区域，尽量采用定位方法进行。例如，在margin上进行美团左侧的产品区块时，根据版本不同，IE浏览器中的表现可能会发生崩溃。

3 .可以设置具体宽度高度的模块尽量设置具体宽度高度。

4 .有必要将背景图的要素设定为尽可能具体的宽度和高度。

5 .使用常见标签和css属性，尽量避免使用不同的方法。

6 .输入文字的标签必须设定行高

7 .请勿将行级标签(a标签、span标签等)和字符标签(p标签等)用作分区区域的标签。

8 .避免在行级标签中嵌套块级标签

9 .理解自己写的每个标签，必须清楚每个标签的大小范围、属性、嵌套层次，但实际上就是深入了解盒子模型。

10 .深化块的概念，将页面严格划分为不同的块，尽量避免不同块之间的冲突。

11 .不要随便使用不知道的属性和标签

12 .写页面的时候写一点就测量兼容性，发现问题及时纠正，不要想写全了再统一调试兼容性。

13 .在前端开发中，直接参考别人的标签和写法是最忌讳的。你必须有自己的开发构想。请不要害怕麻烦。一旦被别人的构想绑架，你会很痛苦。

14 .一般来说，开发国美、京东两个规模的网页就算入门，开发5个以上也能体会到一定的开发技术。开发的页数越多，越熟练，hack的使用量也越少。 SO，动手吧！

透明度

•opacity: 0.5；

w3c标准属性、火狐等浏览器支持。取值范围：0-1

过滤器：阿尔法(Opacity=50 )；

ie浏览器支持的值范围：0-100，整数

visibility属性

可见性用于控制元素的隐藏和显示状态

visible当前元素处于显示状态

隐藏hidden的当前元素

可见性隐藏的元素仍然位于原始元素占据的空间位置。

默认情况下，

浏览器会在li标签之前添加黑色圆圈样式。这种默认样式对当前的开发人员来说已经没什么用了。一般来说，取消这个默认样式。方法如下。

列表样式： none；

对于第

页中唯一、结构性的模块，一般使用id选择器，其他则使用class选择器

选择器名称始终使用小写字母

需要合理的注释

结构上亲子包含关系的方式，应该通过命名来体现。

如果使用驼峰匹配结构水平线命名，即命名同一对象需要多个词，请使用驼峰匹配命名约定。例如，盒麦克风

名字不能以数字开头

命名的时候一定有意义