HTML
- 页面开头使用HTML5 doctype
<!DOCTYPE html>
- 在html标签上加上lang属性
<!DOCTYPE html>
<html lang="en">
...
</html>
- 引入css、js
<link rel="stylesheet" href="x">
<script src="x"></script>
- 命名都为小写字母，以“-”分割
- 属性值用双引号
- ul/ol的直接子元素只能是li
- 行内元素里面不可使用块级元素
- alt标签不为空
- 自定义属性建议以 xxx- 为前缀，推荐使用 data-
CSS
命名规范
- 文件名用小写字母加中横线的方式
- 使用类名编写样式，勿用id
- 类名、id名用小写字母编写，用“-”分隔
属性书写顺序
- 直接影响盒模型和位置的放最前面
- 第二为盒模型的属性
- 第三为文本属性
- css3的一些属性应放在最后
属性值规范
- 若值是0，都不用带单位
- 色值用十六进制，少用rgb
清除浮动
.clearfix:after{
content: "";
display: table;
clear: both;
}
其他
- 选择器一般不要写超过3个
- 少用!important
- 多写注释
- 样式要写在head标签里，不能写在body里
