css经验总结

所有长度都要注明单位PX,值是0的时候除外。
属性要用分号;隔开,最后一个属性可省
十六进制颜色别忘加“#”
类别选择器前面别忘写点.
.main .left             .left  ul li
.left, right
.left ul li(别乱加点  点对应class)
Css注释和html注释不能混淆
Html注释<!-- -->
Css注释/*  */

不以数字开头  1 2 3 4
命名有意义    a b c d

结构化命名
header menu banner main left right footer
样式化命名
,red   .clear

如果容器高度小,内容多
IE会自动撑开
火狐会按照设置,下面的内容会重叠

margin塌陷或合并问题
对于上下两个并列的div块,上面div的margin-bottom和下面div的margin-top会塌陷,也就是会取上下两者margin里最大值作为显示值,所以最好只设置其中一个的margin即可。

.top{margin-bottom:50px;}
.bottom{margin-top:100px;}
实际二者之间的距离是100px



相关推荐

发表评论

路人甲

网友评论(0)