text-align: center的作用是什么然磷,作用在什么元素上?能讓什么元素水平居中?
- 作用是使的行內(nèi)內(nèi)容相對父級塊級元素對齊侮叮,使文本居中。
- 作用在塊級元素上
- 使內(nèi)部行內(nèi)元素水平居中悼瘾。
IE 盒模型和W3C盒模型有什么區(qū)別?
- W3C標(biāo)準(zhǔn)中padding囊榜、border所占的空間不在width,height范圍內(nèi)
- 大家俗稱的IE盒模型width包括contend尺寸+padding+border
*{ box-sizing: border-box;}的作用是什么亥宿?
- 在CSS3中使用IE盒模型
line-height: 2和line-height: 200%有什么區(qū)別?
- line-height: 2 使得行高為本身文字高度的兩倍
- line-height: 200% 使得行高為相對父元素文字高度的兩倍
inline-block有什么特性卸勺?如何去除縫隙?高度不一樣的inline-block元素如何頂端對齊?
- 即呈現(xiàn)inline特性烫扼,即不占據(jù)一整行曙求,寬度由內(nèi)容寬度決定;又呈現(xiàn)block特性映企,即可設(shè)置寬高悟狱,內(nèi)外邊距
- 其中的縫隙是空白符,如果要去除堰氓,可以將多個inline-block得標(biāo)簽寫成一行芽淡,也可以先將父元素font-size設(shè)置為0來去除縫隙
- 頂端對齊可以設(shè)置vertical-align:top;
CSS sprite 是什么?
- CSS精靈圖豆赏,使用精靈圖只需要引用一張圖片挣菲,通過位移獲取所需要的圖片,對內(nèi)存和帶寬更加友好
讓一個元素"看不見"有幾種方式掷邦?有什么區(qū)別?
- opacity:0白胀;透明度為0,整體
- visibility:hidden抚岗;和opacity:0類似
- display:none或杠;消失,不占用位置
- background-color:rgba(0宣蔚,0向抢,0认境,0)只是背景色透明