順序

head標(biāo)簽順序

<meta>
<title>
<link> \ <style>
<base>
<script>

css屬性順序

1. 位置屬性(position, top, right, z-index, display, float等)
2. 大小(width, height, padding, margin)
3. 文字系列(font, line-height, letter-spacing, color- text-align等)
4. 背景(background, border等)
5. 其他(animation, transition等)

縮進(jìn)

兩個(gè)空格。

目前主流的框架一般兩個(gè)空格縮進(jìn)，不過個(gè)人一直是四個(gè)空格縮進(jìn)，感覺改不過來了T_T

命名

css文件命名

//font-awesome
font-awesome.css
font-awesome.min.css

js文件命名

//jquery
jquery-3.1.1.js
jquery-3.1.1.min.js

class命名

//bootstrap
class="btn btn-default"

id命名

//bootstrap
id="exampleInputEmail1"

自定義屬性

data-ui-type="Select"

變量名

var transEndEventNames = {
    //...
}

函數(shù)名

//bootstrap
function transitionEnd(){
    //...
}

拓展

百度前端編碼規(guī)范：github

CSS書寫規(guī)范

前端規(guī)范：簡書