text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
定義行內(nèi)內(nèi)容相對它的塊元素容器居中對齊，作用在塊級元素上。讓行內(nèi)元素水平居中。-
IE 盒模型和W3C盒模型有什么區(qū)別?
IE盒模型的width包括content、padding、border，而W3c盒模型的width就是內(nèi)容本身的寬度，如圖
image.png *{ box-sizing: border-box;}的作用是什么？
將默認(rèn)的w3c盒模型轉(zhuǎn)換成ie盒模型
- line-height: 2和line-height: 200%有什么區(qū)別?
都表示行高是字體大小的2倍，但是它們是有區(qū)別的。
當(dāng)它們寫在父容器中時，子元素的字體大小不一樣的時候，區(qū)別就體現(xiàn)出來了
line-height: 2 寫在父容器中，那么子元素的行高都是自身高度的2倍，是相對大小。子元素的字體大小不同，行高也會不同。
line-height: 200% 寫在父容器中，那么瀏覽器會立刻計算出行高的具體值，假如父容器的默認(rèn)字體大小是16px，那么計算得到的行高就是2×16px=32px，子元素的行高都會繼承這個32px，是固定大小。
子元素的字體大小不同，行高都是固定某個值。
5.inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
inline-block元素可以設(shè)置寬高和上下左右的padding和margin，inline-block元素并排排列，inline-block元素默認(rèn)寬高為內(nèi)容寬高
去處縫隙的方法：
標(biāo)簽連寫
image.png
父元素字體設(shè)置font-size：0；然后在inline-block元素上再重新設(shè)置字體
image.png
使用vertical-align：top 命令讓高度不一樣的inline-block高度對齊
image.png
- CSS sprite 是什么?
css sprite 是精靈圖，是將多個小圖標(biāo)整合到一張圖上的文件
讓一個元素"看不見"有幾種方式？有什么區(qū)別?
opacity: 0：元素透明度為0，還占有位置；
visibility: hidden：與opacity: 0類似；
display: none：元素消失，不占位置；
background-color: rgba(0,0,0,0.2)：背景色透明。
