首页 > 代码库 > css规范<一>

css规范<一>

2024-09-04 06:46:43   218人阅读

详见<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.

 

css规范<一>


联系
我们