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,媒体查询尽量放在相关规则附近,不要打包在一起;