html
1.使用双引号
2. <img src=""> 不添加/
3. <html lang="zh-CN">
4. <a class="xxx" id="xxx" href="xx"> class 写在最前面
5 <input type="text" disabled> 布尔型属性
css
.div1,
.div2, //不同选择器换行
input[type="text"] { // 加双引号
padding:0; // 0 不需要单位
margin:0;
background-color:rgba(0,0,0,.5) // 0.5用 .5代替
color:#fff; // 小写 ， #fff 代替 #ffffff
}
.test{
position:absolute; //position
top:10px;
z-index:1;
display:block; // display float width
float:left;
width:30px;
font-size:20px; // 字体样式
line-height:10px;
color:red;
border:1px solid red; //边框
opacity:1; //
}
// 媒体查询就近写
.element { ... }
.element-avatar { ... }
.element-selected { ... }
@media (min-width: 480px) {
.element { ...}
.element-avatar { ... }
.element-selected { ... }
}
class 命名 .btn-danger 小写+短横线+单词
选择器不要超过3
.tweet .avatar
编码规范
http://codeguide.bootcss.com/
原文：http://www.cnblogs.com/gyz418/p/5951542.html