1、善用css缩写可以减少页面文件大小,提高下载速度,同时使代码简洁可读。
如:
以下是引用片段: div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px solid #cccccc; } |
可以写为:p{border:1px solid #cccccc}
再如:
以下是引用片段: div{ margin-top:10px; margin-right:20px; margin-bottom:30px; margin-left:40px; } |
可以改写为:
以下是引用片段: /*注意上、右、下、左的书写顺序*/ div{margin:10px 20px 30px 40px} /*注意,数值与单位不能有空格,每个值之间用空格隔开*/ |
2、可以同时为一个html元素的class属性设定多个规则(多重class定义)。
通常我们写法为:<p class=”a”></p>
实际上我们可以为p元素指定多个规则,如:
以下是引用片段: CSS: .a{…} .b{….} HTML: <p class="a b">该元素同时包括a和b中设定的样式</p> |
注意:多个规则之间用空格分开。