- text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
text-align: center的作用是使塊元素中的行內(nèi)元素水平居中排列。
作用在塊元素上，讓行內(nèi)元素水平居中。 - IE 盒模型和W3C盒模型有什么區(qū)別?
- IE盒模型的寬度和高度算的是內(nèi)容加內(nèi)邊距加邊框的寬度和高度
- W3C盒模型的寬度和高度算的是內(nèi)容的寬度和高度
- *{ box-sizing: border-box;}的作用是什么？
使所有元素遵循IE盒模型的標(biāo)準(zhǔn) - line-height: 2和line-height: 200%有什么區(qū)別?
- line-height: 2的意義是使當(dāng)前元素行高等于當(dāng)前元素字體尺寸的2倍，可繼承，對(duì)繼承的子元素遵循同樣法則。
-line-height: 200%的意義是使當(dāng)前元素行高設(shè)置當(dāng)前元素字體尺寸200%的像素值x，比較不人性化，對(duì)于繼承的元素行高等于最初的那個(gè)像素值x。
- inline-block有什么特性？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
- 既具有inline的特性，不占據(jù)一整行，寬度由內(nèi)容寬度決定。又具有block的特性，可設(shè)置寬高，內(nèi)外邊距。
- 可以使用刪除兩個(gè)行內(nèi)元素標(biāo)簽之間的空白的方式解決；也可使用設(shè)置字體大小為0的方法實(shí)現(xiàn)。這個(gè)方法具體是這樣：在行內(nèi)元素添加一個(gè)塊元素，對(duì)塊元素字體設(shè)置為0，然后在分別設(shè)置行內(nèi)元素正常的字體大小。
- 使用vertical-align: top;的方式實(shí)現(xiàn)。
- CSS sprite 是什么?
CSS sprite又稱CSS精靈圖或者雪碧圖。主要用途是將網(wǎng)頁(yè)上要使用的一些小圖標(biāo)集中放置在一張圖片上，起到減少加載頁(yè)面的圖片請(qǐng)求的作用。 - 讓一個(gè)元素"看不見"有幾種方式？有什么區(qū)別?
- opacity: 0 ; 設(shè)置透明度為0，但是元素還是會(huì)占位置
- visibility: hidden ; 同上
- display:none; 不放置這個(gè)元素，元素不占用位置，徹底在頁(yè)面上消失了
- background-color: rgba(0，0，0，0) 設(shè)置背景色透明，只針對(duì)背景色
