详见<http://www.cnblogs.com/hustskyking/p/css-spec.html>
1.每个样式属性后加 ";"------------方便压缩工具"断句"。
2.空格的使用
1 .hotel-content { 2 display: none; }
.选择器与 { 之前要有空格
.属性名的 : 后要有空格
.属性名的 : 前不加空格
3.多选择器之间必须换行,这样比较清晰,
a.btn, input.btn, input{ display:none; }
4.Class中尽量不出现大写字母,采用"-"分割,这样比较清晰,
1 /* 正确的写法 */ 2 .hotel-title { 3 font-weight: bold; }/* 不推荐的写法 */ 4 .hotelTitle { 5 font-weight: bold; }
5.不要将样式写成单行,这样不方便注释,
1 hotel-content {margin: 10px; background-color: #efefef;}
6.尽量不要用"*"来选择元素
1 /*别这样写*/ 2 * { 3 margin: 0; 4 padding: 0; 5 }
因为:只有一部分元素在浏览器有默认的margin padding特性。
7.
时间: 2024-10-13 13:53:55