⽹页布局六⼤基本原则
1.样式的重⽤性
  CSS布局的⽹页最⼤的特点就是样式的可重⽤性，利⽤class选择符重复将某个样式属性多次在⽹页中使⽤，以减少不断定义样式属性的烦琐⼯作，增加页⾯的可维护性。例如，将某处表达样式、板块整体样式、⽂字颜⾊；甚⾄可以扩展到页⾯的模块化处理。
2.浮动与清除浮动
  浮动式⽹页布局中永远的话题，很多浏览器的兼容性问题都是因为浮动⽽导致的，例如IE6.0的双倍间距的问题。浮动也是把双刃⼑，兼容性的问题为其⼆产⽣为其⽽灭亡，善于利⽤浮动对于⽹页布局将会带来很到的帮助，例如使⽤负边距地⽅法对页⾯进⾏布局设计。css固定定位
  清除浮动浮动⽽出现，⽤来清理浮动导致的诸多问题。清除浮动的⽅式有很多。
3.定位⽅式的页⾯布局
  定位⽅式的布局⼀般指的是绝对定位，这种布局⽅式对页⾯布局的设计精确性要求⼗分⾼，遗憾的是绝对定位的布局⽅式的盒模型是固定⾼和宽的，⽆⾮⾃适应。
4.不要过多使⽤ID选择符
  ID在⼀个页⾯中出现的次数是⼀次，过多使⽤将失去样式的可重⽤性的特征，对于页⾯的可维护性也将⼤打折扣。
5.类选择符(class)及ID选择符使⽤字母+数字⽅式命名
  类选择符Class及ID选择符的命名⽅式很多，最好的⽅式是阵对某个模块的功能阐述性的命名，例如，阵对主要内容区域，可以使⽤
#mainBox或者.mainBox⽽不是使⽤#box1或者.box1。
  不使⽤字母+数字的⽅式命名，在后期维护中可以阵对某个模块主要针对对象⼀⽬了然。
6.合理使⽤CSS布局，切勿盲⽬使⽤
  CSS样式的主要功能是对页⾯结构样式的处理，避免只是为了试验⼀种技术或新技巧⽽采⽤CSS中的技巧去剥夺其他语⾔脚本的使⽤。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。