左右布局：
1.先使用浮動技巧保證他們在一行顯示：給所有的子元素加上float（默認是left向左的float: left;）,然后給所有子元素的父級元素加上clearfix.
2.然后左右布局就簡單多了，給需要右布局的子元素那邊f(xié)loat的值改成right即可float：right耘眨；
左中右布局
1.我們可以使用脫離文檔流的方式-絕對定位昼榛，在子元素上寫position： absolute；在父級元素上寫position: relative相對定位剔难；
? ? ? 2. 然后再對各子元素進行左右位置的調(diào)整即可
水平居中
1.使用margin可以使div邊框水平居中：margin-left: autop;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?margin-right: auto;?
2.或者margin：0 auto胆屿；
垂直居中
使用定位加調(diào)整位置解決：1.我們可以使用脫離文檔流的方式-絕對定位，在子元素上寫position： absolute偶宫；在父級元素上寫position: relative相對定位非迹；
? ? ? 2. 然后再對子元素進行位置的調(diào)整即可top、bottom纯趋、left和right 均設(shè)置為0憎兽，margin設(shè)置為
auto冷离。
使用其他方法（在其地方搜索到的）：
第二種：?flex布局
規(guī)則如下：align-items實現(xiàn)垂直居中，justify-content實現(xiàn)水平居中纯命。
第三種：?table-cell布局
規(guī)則如下：
1西剥、父布局使用vertical-align: middle實現(xiàn)垂直居中，
2扎附、子布局使用margin: 0 auto實現(xiàn)水平居中蔫耽。
第四種：?translate+relative定位
規(guī)則如下：
1结耀、子組件采用relative 定位留夜；
2、top和left偏移各為50%图甜；
3碍粥、translate(-50%,-50%) 偏移自身的寬和高的-50%。
等其他小技巧
背景圖片的垂直方向居中黑毅，可以使用background-position： center center;第二個center就是指垂直方向的居中
css shadow genetator上面可以實現(xiàn)一些陰影效果的小代碼嚼摩，不用自己寫
iconfont.cn是圖標工具網(wǎng)站
：：是偽元素，必須要跟著content: '';
：是偽類
border-radius: 2px;變圓角
