学习css制作网页总结的一些经验

使用div+css排版不是用换个标签然后再去按照表格的方式去排版，而是做到内容与表现的分离。

类用于标识同一页面可重复定义使用的结构性元素 id与类的命名需与表现形式无关 ：leftcontent 而使用有意义的定义方式：sidebar等等。命名方式遵循“驼峰式大小写（标志符由多个单词组成 除首词首字母小写外 其余单词首字母均大写）”

3：div与span iv（块级框）用于对块级元素的分组 span（行内框）用于对行内元素分组标识

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

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

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

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

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

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

10：float浮动：记住：“在标准浏览器中 浮动元素脱离了文档流 不占据外围容器空间” 明白了这点 你就会明白为什么ie和firefox下表现的不同了。ie5.5、ie6浮动元素依然占据外围容器空间

clear：none、left、right、both、

表示当前框元素哪些边不应该挨着浮动框

理解了10中float在不同浏览器下的表现 你也就知道如何去使用清楚了。

外部控制容器宽度一般小于等于两个背景和 这样当内容动态变化时候 右背景图像便感觉像在左背景图像上滑动，故名。