CSS 综合
2017-07-05 本文已影响0人
saintkl
1.说一说你平时写代码遵守的编码规范
- 命名技巧
一、语义化
1.语义化标签优先
2.基于功能命名、基于内容命名、基于表现命名
3.简略、明了、无后患
二、命名范例
1.所有命名都使用英文小写
推荐：<div class="main"></div>
不推荐： <div class="Main"></div>
2.命名用引号包裹
推荐：<div id="header"></div>
不推荐： <div id=header></div>
3.用中横线连接
推荐：<div class="mod-modal"></div>
不推荐： <div class="modModal"></div>
4.命名体现功能，不涉及表现样式(颜色、字体、边框、背景等)
推荐：<div class="text-lesser"></div>
不推荐： <div class="light-grey"></div>
- CSS规范
一、书写规范
1.tab 用两个空格表示
2.css的 :后加个空格， {前加个空格
3.每条声明后都加上分号
4.换行，而不是放到一行
h1,
h2,
h3 {
font-weight: normal;
line-height: 1.2;
}
5.颜色用小写，用缩写, #fff
6.小数不用写前缀, 0.5s -> .5s；0不用加单位
7.尽量缩写， margin: 5px 10px 5px 10px -> margin: 5px 10px
