1.text-align: center的作用是什么车酣，作用在什么元素上外遇？能讓什么元素水平居中
text-align:center是規(guī)定元素中的文本水平居中票灰，作用于塊級元素上簿训，使行內(nèi)元素水平居中
若元素設(shè)置了display:block咱娶，則用“margin:xxpx auto;”來設(shè)置居中
2.IE盒模型和W3C盒模型有什么區(qū)別
W3C盒模型設(shè)置的寬高，是content的寬高强品，不包含padding和border
IE盒模型設(shè)置的寬高膘侮，包含padding和border
3.{ box-sizing: border-box;}的作用是什么？
- content-box 這是由 CSS2.1 規(guī)定的寬度高度行為的榛。
寬度和高度分別應(yīng)用到元素的內(nèi)容框.
在寬度和高度之外繪制元素的內(nèi)邊距和邊框琼了。 - border-box 為元素設(shè)定的寬度和高度決定了元素的邊框盒。
就是說夫晌，為元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進行繪制雕薪。
通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。 - inherit 規(guī)定應(yīng)從父元素繼承 box-sizing 屬性的值
1 box-sizing: content-box：w3c標準盒模型
2 box-sizing: border-box：“IE盒模型”
4.line-height: 2和line-height: 200%有什么區(qū)別?
- line-height設(shè)置單行文本的行高
2是本身文字高度2倍晓淀，200%是父元素文字高度的兩倍 - height = line-heihgt ——垂直居中單行文本
5.inline-block有什么特性所袁？如何去除縫隙？高度不一樣的inline-block元素如何頂端對齊?
inline-block既呈現(xiàn)inline的特性凶掰，也呈現(xiàn)block的屬性
inline：不占據(jù)一整行燥爷，寬度由內(nèi)容寬度決定
block：可設(shè)置元素寬高、邊框
產(chǎn)生縫隙原因是因為HTML里懦窘，兩個元素之間有空白前翎，換行空格等，都被瀏覽器當做一個空白字符畅涂。
消除方法：
在包裹兩個縫隙元素的div中港华，設(shè)置字體大小為0，這樣空白字符高度為0午衰；
在各自元素樣式中再設(shè)置字體大小
設(shè)置了inline-block的元素立宜，具有行內(nèi)元素的特點，是以文字下面的基線來對齊的臊岸，可以通過設(shè)置vertical-align：top/bottom來調(diào)節(jié)是在頂部還是底部對齊
6.CSS sprite 是什么?
CSS sprite 是指將眾多圖標橙数、圖片合成到一張圖片上，用于網(wǎng)頁的圖片圖標使用的圖片扇单。
通過CSS樣式商模，指定圖片的寬高位置奠旺，可展現(xiàn)出需要的圖標和圖片蜘澜。
這種方式的優(yōu)點在于減少了網(wǎng)絡(luò)請求，多個圖片响疚、圖標鄙信，只需要進行一次網(wǎng)絡(luò)請求即可。
缺點忿晕，無法縮放装诡，不好修改
7.讓一個元素"看不見"有幾種方式？有什么區(qū)別?
- “透明”
看不見元素，但瀏覽器直到元素的存在鸦采，元素占用位置宾巍；
opacity: 0 ; 從 0.0 （完全透明）到 1.0（完全不透明）。
visibility: hidden ; 和opacity:0 類似渔伯，
“隱藏”
不顯示元素顶霞，元素不占用
display:none; 消失，不占用位置
