CSS网页制作经验总结

      4：对于页面基本默认的方式可以选择通用选择器（*标识）进行定义 * { padding：0; margin:0;}

      5: body 也是可以添加ID和类的 这样就可以为其添加特别样式。 

      6:样式表中导入样式表需在顶端 覆盖规则为本身样式覆盖导入样式。

      7：CSS样式表细分化 颜色 布局 风格 表单 均可分离 这样对以后的修改和风格设计更方便。

      8：盒模型：内→外

      记住:在css中 width是指内容区域的宽度

      IE/WIN与盒模型：

      IE5.5/IE6怪异模式下： 元素框总宽度=content.width+margin.width

      FireFox/Opera/..   :  元素框总宽度=content.width+padding.width+border.width+margin.width

      差异在于：IE5.5/IE6怪异模式下 width=有效content.width+padding.width+border.width 内补丁和边框被算在内容宽度里面

      #select{width:750px;padding:10px;border:5px} IE怪异模式:总宽度：750px FF/OP：780px

      IE怪异模式:有效内容宽度：750-20-10 FF/OP：750

      IE6正常模式下：同于FF/OP

      处理方法：在父元素或子元素中使用padding 本身不使用

      空白边叠加：当两个空白边叠加时 顶或底边将会叠加 实际空白边高度=空白边大的值

      例：

      但是如果这个时候你添加边框或则填充，将不再叠加

      //定位机制//

      9：相对定位（relative）：相对于其默认初始位置 绝对定位：相对父级元素或画布、HTML元素 与文档流无关 可覆盖其他元素 使用Z-INDEX 控制其层次。IE5.5/IE6下 对right bottom时 需设定框的宽高 后则根据画布右底定位。