CSS常見(jiàn)樣式（下）
text-align: center的作用是什么眯搭，作用在什么元素上彬犯？能讓什么元素水平居中
text-align：center的作用是能夠達(dá)到讓元素中的文本水平居中的效果；作用于行內(nèi)元素上，能讓父元素里面的子元素水平居中
IE 盒模型和W3C盒模型有什么區(qū)別?
-
IE盒模型的width=content+padding+border
例 -
標(biāo)準(zhǔn)盒模型的width=content
例
*{ box-sizing: border-box;}的作用是什么？
- box-sizing：boeder-box是一個(gè)CSS3的新樣式衣形，作用是為了計(jì)算方便，能夠按照IE盒模型的計(jì)算方法來(lái)計(jì)算
line-height: 2和line-height: 200%有什么區(qū)別?
- ling-height: 2表示的是行高為字體大小的兩倍（由字體的高度來(lái)決定）姿鸿；
- line-height: 200%表示的是行高為父元素行高的2背（由父元素的行高來(lái)決定）
inline-block有什么特性谆吴？如何去除縫隙？高度不一樣的inline-block元素如何頂端對(duì)齊?
- inline-block既呈現(xiàn)inline特性（不占據(jù)一整行苛预，寬度由內(nèi)容寬度決定）纪铺，又呈現(xiàn)block特性（可設(shè)置寬高，內(nèi)外邊距）
如何去除縫隙
- 產(chǎn)生縫隙的原因是瀏覽器會(huì)把換行當(dāng)做一個(gè)空格碟渺，這樣顯示出來(lái)就出現(xiàn)一個(gè)縫隙
- 將換行符去掉，將空白字符去掉
- 將空白字符的字體大小設(shè)置為0
高度不一樣的inline-block元素如何頂端對(duì)齊
- 給元素設(shè)置vertical-align： top;來(lái)達(dá)到頂端對(duì)齊
CSS sprite 是什么?
- CSS Sprites是一種網(wǎng)頁(yè)圖片應(yīng)用處理方式突诬，就是把網(wǎng)頁(yè)中一些背景圖片整合到一張圖片文件中苫拍，再利用CSS的"background-image","background- repeat","background-position"的組合進(jìn)行背景定位
讓一個(gè)元素"看不見(jiàn)"有幾種方式？有什么區(qū)別?
- 給元素設(shè)置opacity: 0 ; 透明度為0旺隙；元素整體透明（元素存在绒极，占位置）
- 給元素設(shè)置visibility: hidden ; 和opacity:0 類(lèi)似（元素存在，占位置）
- 給元素設(shè)置display:none; （元素消失蔬捷，元素不占用位置）
- background-color: rgba(0垄提，0，0周拐，0.2) 只是背景色透明（只針對(duì)背景色）
