1，使用两个空格代替tab键，子节点使用一次缩进
2，属性值使用双引号而不是单引号；
3，<html lang="eg-zh"> 添加lang
4，IE兼容模式，用确定的ie版本绘制页面，edge表示用最新的版本：<meta http-equiv="x-ua-compatible" content="ie=edge">
5，引入css和js不再使用type;
6，属性的顺序：
class
id,name
src, type, href, value
title, alt
7，尽量少让js产生标签；
8，多个选择器公用属性时，每个class名单独放一行；
9，{前做好添加一个空格， }应该单独一行；
10，以逗号分隔的属性值应该在 ，后加空格；
11，用 .5 代替 0.5 （小于1的数都这样干）；
12，16进制全部小写，#fff代替#ffffff
13，input [ type = "text" ] 而不是 input [ type= text]
14，属性值为0的别加单位；
15，属性顺序：
首要：position;
其次：盒子模型；
16，使用<link>而不使用@import;
17，css属性若只有一条则放在一行定义：div{ color:red;}
18，尽量少使用简写形式的几个css属性：
border
margin
padding
background
border-radius
font
19，class命名的时候两个选择，小写字母和破折号，.btn和.btn-hello；基于最近的父class名作为新class的前缀；使用.js-*来表示带有事件的class;
20，经常出现的组件少用属性选择器：input[type="text"]
21，组成选择器的元素个数不要超过3个；
22，媒体查询尽量放在相关规则附近，不要打包在一起；
7206
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
