- 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盒模型的標準 - line-height: 2和line-height: 200%有什么區(qū)別?
- line-height: 2的意義是使當前元素行高等于當前元素字體尺寸的2倍脊另,可繼承导狡,對繼承的子元素遵循同樣法則。
-line-height: 200%的意義是使當前元素行高設(shè)置當前元素字體尺寸200%的像素值x偎痛,比較不人性化旱捧,對于繼承的元素行高等于最初的那個像素值x。
- inline-block有什么特性看彼?如何去除縫隙廊佩?高度不一樣的inline-block元素如何頂端對齊?
- 既具有inline的特性,不占據(jù)一整行靖榕,寬度由內(nèi)容寬度決定标锄。又具有block的特性,可設(shè)置寬高茁计,內(nèi)外邊距料皇。
- 可以使用刪除兩個行內(nèi)元素標簽之間的空白的方式解決;也可使用設(shè)置字體大小為0的方法實現(xiàn)星压。這個方法具體是這樣:在行內(nèi)元素添加一個塊元素践剂,對塊元素字體設(shè)置為0,然后在分別設(shè)置行內(nèi)元素正常的字體大小娜膘。
- 使用vertical-align: top;的方式實現(xiàn)逊脯。
- CSS sprite 是什么?
CSS sprite又稱CSS精靈圖或者雪碧圖。主要用途是將網(wǎng)頁上要使用的一些小圖標集中放置在一張圖片上竣贪,起到減少加載頁面的圖片請求的作用军洼。 - 讓一個元素"看不見"有幾種方式?有什么區(qū)別?
- opacity: 0 ; 設(shè)置透明度為0演怎,但是元素還是會占位置
- visibility: hidden ; 同上
- display:none; 不放置這個元素匕争,元素不占用位置,徹底在頁面上消失了
- background-color: rgba(0爷耀,0甘桑,0,0) 設(shè)置背景色透明,只針對背景色