1.如何快速完成布局先分割，在组合，快速布局的前提是对设计图有比较好的认识，并且能将设计图分割成一个个块。<div class="box-wrap"> <div class="conta
1.如何快速完成布局先分割，在组合，快速布局的前提是对设计图有比较好的认识，并且能将设计图分割成一个个块。
<div class="box-wrap"> <div class="container"> <div class="row"> <div class="col-xs-4 box1"></div> <div class="col-xs-4 box1"></div> <div class="col-xs-4 box1"></div> </div> <div class="row"> <div class="col-xs-6 box2"></div> <div class="col-xs-6 box2"></div> </div> </div> </div>2.巧用tab键2.1: div.classname + tab 快速完成带样式名的div2.2: ul>li*5>a + tab 快速完成一个五列的无序列表2.3: html:5+tab 快速完成页面初始化2.4：a[href=#] + tab 快速完成a标签2.5：ul>li.item$*3 定义多个带属性的元素
3.less使用技巧3.1:定义与调用
@f:#fff;.border-botm{ border-bottom: 1px solid @f; } .box1{ .border-botm; color: @f; }3.2:嵌套
#header { h1 { font-size: 26px; font-weight: bold; } p { font-size: 12px; a { text-decoration: none; &:hover { border-width: 1px } } }}4.居中4.1 通过maigin：0 auto;来居中4.2 通过绝对定位来居中（子决父相）
html:<div class="father"> <div class="child"> </div></div>css:.father{ position: relative; width: 200px; height: 200px; } .child{ position: absolute; width: 100px; height: 100px; left: 50%; margin-left: -50px; }5.不定宽，高随意
6.display：inline-block 属性
7.层级关系
