顺序
head标签顺序
<meta>
<title>
<link> \ <style>
<base>
<script>
css属性顺序
- 位置属性(position, top, right, z-index, display, float等)
- 大小(width, height, padding, margin)
- 文字系列(font, line-height, letter-spacing, color- text-align等)
- 背景(background, border等)
- 其他(animation, transition等)
缩进
两个空格。
目前主流的框架一般两个空格缩进，不过个人一直是四个空格缩进，感觉改不过来了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 = {
//...
}
函数名
//bootstrap
function transitionEnd(){
//...
}
