關于text-align: center
text-align 屬性規定元素中的文本的水平對齊方式，設定center即為居中 ，作用在行內及inline-block元素上
IE盒模型和W3C盒模型的區別
IE盒模型中，寬高屬性包括padding及border以及width/height
而在W3C盒模型中的寬高僅指content中的width/height
*{ box-sizing: border-box;}的作用
指定使用IE盒模型，其中為元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制
inline-block特性，去除縫隙及頂端對齊
inline-block將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內，允許空格。即允許元素不換行但依然可以設計寬高及邊距。
可以將font-size設置為0去除空隙，使用注釋換行或者寫成一行的方式也可以去除縫隙
使用vertical-align:top;可以實現不同高度的inline-block元素頂端對齊
CSS sprites
即CSS精靈圖，將各種圖標以排列組合的形式放到同一張圖片上，在html中通過對精靈圖的位移實現在視窗中顯示特定圖標以減少大獨的圖標文件產生的大量請求導致服務器壓力增大且頁面效率低下
隱藏元素
opacity: 0 ;透明度為0，整體
visibility: hidden;和opacity:0 類似
display:none;消失，不占用位置
background-color: rgba(0，0，0，0)
