text-align: center的作用是什么吱雏,作用在什么元素上?能讓什么元素水平居中####
text-align:center的作用是定義 行內(nèi)內(nèi)容(例如文字)如何相對于它的塊級父元素對齊耕蝉,text-align并不控制塊級父元素自己的對齊,只控制它的 行內(nèi)內(nèi)容的對齊展东。
作用在塊級父元素上赔硫,可以讓塊級父元素的行內(nèi)元素水平居中。
IE 盒模型和W3C盒模型有什么區(qū)別?####
IE盒模型的width包含border和padding盐肃,標(biāo)準(zhǔn)盒模型的width指的是盒子內(nèi)部的尺寸不包括border和padding
*{ box-sizing: border-box;}的作用是什么爪膊?####
設(shè)置盒子模型為標(biāo)準(zhǔn)盒模型
line-height: 2和line-height: 200%有什么區(qū)別?####
line-height:2 是指行高是本身文字高度的2倍
line-height:200%是指行高是父容器文字高度的2倍
inline-block有什么特性?如何去除縫隙砸王?高度不一樣的inline-block元素如何頂端對齊?####
inline-block使元素即呈現(xiàn)inline的特性推盛,不占據(jù)一整行,寬度由內(nèi)容寬度決定谦铃;又呈現(xiàn)block的特性耘成,可設(shè)置寬高,內(nèi)外邊距。
去除縫隙:在父元素里設(shè)置font-size:0這樣空白字符就沒寬度了瘪菌,然后再在子元素把font-size設(shè)置回去
頂端對齊:設(shè)置vertical-align:top
CSS sprite 是什么?####
css sprite精靈圖可以將不同的圖片或者圖標(biāo)合并在一張圖上撒会;使用css sprite可以減少網(wǎng)絡(luò)請求,提高網(wǎng)頁加載性能师妙。
讓一個(gè)元素"看不見"有幾種方式诵肛?有什么區(qū)別####
opacity:0;透明度為0默穴,元素在頁面消失但是依舊占據(jù)空間
visibility:hidden怔檩;和opacity:0類似,依舊占據(jù)空間
display:none蓄诽;消失薛训,不占用位置
background-color:transparent;將背景色設(shè)置透明