在CSS网页布局开发中,掌握一些实用的小技巧可以极大地提升工作效率和页面质量,以下是24则CSS网页布局开发小技巧:
序号 | 技巧描述 |
1 | ul 标签在Mozilla中默认有padding 值,而在IE中只有margin 有值。 |
2 | class 选择符可以在一个文档中重复出现,而id 选择符只能出现一次,当同时使用class 和id 定义样式时,id 的定义优先。 |
3 | 兼容性调整的临时解决方法是使用!important 来指定优先级,但更好的做法是查找并修复浏览器兼容性问题。 |
4 | 如果一组要嵌套的标签之间需要些间距的话,那就留给位于里面的标签的margin 属性吧,而不要去定义位于外面的标签的padding 。 |
5 | li 标签前面的图标推荐使用backgroundimage ,而不是liststyleimage 。 |
6 | IE分不清继承关系和父子关系的差别,全部都是继承关系。 |
7 | 在给你的标签疯狂加选择符的时候,别忘了在CSS里给选择符加上注释。 |
8 | 如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果,建议这个时候给你的标签再设置一个深色调的背景颜色。 |
9 | 定义链接的四种状态(Link、Visited、Hover、Active)时,应按照正确的顺序:a:link { ... } a:visited { ... } a:hover { ... } a:active { ... } 。 |
10 | 与内容无关的图片请使用background 属性,时刻记住表现与内容分离。 |
11 | 定义颜色可以缩写,例如#8899FF 可以写为#89F 。 |
12 | table 在某些方面还是有用武之地的,在遇到内容为数据表格时,不要对它产生憎恨的心理。 |
13 |
|