盒子模型（元素居中）

#####一 、盒子垂直水平居中
一、定位 盒子寬高已知，

> position: absolute; left: 50%; top: 50%; margin-left:-自身一半寬度; margin-top: -自身一半高度;

二、table-cell佈局

>父級 display: table-cell; vertical-align: middle;
子級 margin: 0 auto;

三、定位 + transform ; 適用於 子盒子 寬高不定時； （這裏是本人經常使用方法）

position: relative / absolute;
/*top和left偏移各爲50%*/
top: 50%;
left: 50%;
/*translate(-50%,-50%) 偏移自身的寬和高的-50%*/
transform: translate(-50%, -50%); 注意這裏啓動了3D硬件加速哦 會增長耗電量的 （至於何是3D加速 請看瀏覽器進程與線程篇）

四、flex 佈局
父級：
>/*flex 佈局*/ display: flex;

子級：
> /*實現垂直居中*/ align-items: center;
/*實現水平居中*/ justify-content: center;

#####2、僞類和僞元素的區別
**僞類**用於向某些選擇器添加特殊的效果。
>:hover
:first-child

**僞元素**用於將特殊的效果添加到某些選擇器。
>::before
::after

*實際上 css3 爲了區分二者，已經明確規定了僞類用一個冒號來表示，而僞元素則用兩個冒號來表示。*

#####3、Chrome中文界面字體設置>Chrome 中文界面下默認會將小於 12px 的文本強制按照 12px 顯示 ,若是使用下面的css屬性就可改變這個最小字體限制。``` -webkit-text-size-adjust: none;```