DIV CSS网页设计布局六大原则
1.样式的重用性
CSS布局的网页最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在网页中使用,以减少不断定义样式属性的烦琐工作,增加页面的可维护性。例如,将某处表达样式、板块整体样式、文字颜色;甚至可以扩展到页面的模块化处理。
2.浮动与清除浮动
清除浮动浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多。
- overflow:hidden
- 伪元素:::after
- 给父级元素设置高度
- 添加一个标签:clear:both
3.定位方式的DIV CSS页面布局
定位方式的布局一般指的是绝对定位,这种布局方式对页面布局的设计精确性要求十分高,遗憾的是绝对定位的布局方式的盒模型是固定高和宽的,无非自适应。
4.不要过多使用ID选择符
ID在一个页面中出现的次数是一次,过多使用将失去样式的可重用性的特征,对于页面的可维护性也将大打折扣。
5.类选择符(class)及ID选择符使用字母+数字方式命名
类选择符Class及ID选择符的命名方式很多,最好的方式是针对某个模块的功能阐述性的命名
不使用字母+数字的方式命名,在后期维护中可以阵对某个模块主要针对对象一目了然。
6.合理使用CSS布局,切勿盲目使用
CSS样式的主要功能是对页面结构样式的处理,避免只是为了试验一种技术或新技巧而采用CSS中的技巧去剥夺其他语言脚本的使用。