text-align: center的作用是什么,作用在什么元素上?能讓什么元素水平居中?
text-align:center的作用是使塊內元素的文字、圖片、和行內元素水平居中。作用在塊級元素上,但不能使塊級元素居中,只能針對文本文字和img標簽,對其他標簽無效。
text-align是可繼承元素,所以此塊級元素的子元素如果是塊級元素會繼承它的屬性,使子塊級元素內的文字或圖片或內聯元素居中,但是子塊級元素不會居中。
IE 盒模型和W3C盒模型有什么區別?
和標準 w3c 盒子模型不同的是:ie 盒子模型的 content 部分包含了 border 和 padding。
*{ box-sizing: border-box;}的作用是什么?
設置通用樣式box-sizing: border-box,把頁面中所有標簽元素設置為iE盒模型
line-height: 2和line-height: 200%有什么區別?
line-height:2 是指行高是盒子模型里的content的兩倍行高
line-height:200%是指行高是父元素的行高的兩倍
line-height: 2和line-height: 200%的區別主要在繼承上
inline-block有什么特性?如何去除縫隙?高度不一樣的inline-block元素如何頂端對齊?
特性:有inline特性(不占據一整行,寬度由內容寬度決定),又有block 特性 (可設置寬高,內外邊距)。
去除縫隙的辦法:
1.刪掉標簽之間的tab和回車符。
2.把標簽裝進一個容器中,給容器設置樣式 font-size: 0;然后給子元素設置所需要的font-size: 大小樣式
設置屬性vertical-align: top;
CSS sprite 是什么?
css雪碧圖,是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。對于當前網絡流行的速度而言,不高于200KB的單張圖片的所需載入時間基本是差不多的
優點:能很好地減少網頁的http請求,從而大大的提高頁面的性能
讓一個元素"看不見"有幾種方式?有什么區別?
opacity: 0 ; 透明度為0,整體
visibility: hidden ; 和opacity:0 類似
display:none; 消失,不占用位置
background-color: rgba(0,0,0,0.2) 只是背景色變透明,但不是完全透明