CSS常見(jiàn)樣式2

text-align: center的作用是什么,作用在什么元素上?能讓什么元素水平居中

使文本內(nèi)容內(nèi)嵌在其父塊元素居中對(duì)齊。不控制塊元素的對(duì)齊,只控制其內(nèi)聯(lián)內(nèi)容水平居中。

IE 盒模型和W3C盒模型有什么區(qū)別?

IE盒模型:
寬度= border-left + padding-left + content + padding-right+ border-right
高度=border-top + padding-top + content + padding-bottom+border-bottom

IE盒模型

W3C標(biāo)準(zhǔn)盒模型:
寬度=content
高度=content

W3C標(biāo)準(zhǔn)盒模型

{ box-sizing: border-box;}的作用是什么?

指定使用IE盒模型

line-height: 2和line-height: 200%有什么區(qū)別?

line-height:2是指行高為本身文字的2倍,不能被子元素繼承。
line-height:200%是行高為父元素行高的2倍,可以被子元素繼承。

inline-block有什么特性?如何去除縫隙?高度不一樣的inline-block元素如何頂端對(duì)齊?

可以設(shè)置寬高,自己又不獨(dú)占一行,的但是兩個(gè)元素之間會(huì)有縫隙,解除縫隙的兩種方法:
1.兩個(gè)元素在HTML代碼中直接相鄰,中間不加空格和換行;
2.在父級(jí)設(shè)置字體大小為0,本身設(shè)置需要的字體大小。
頂端對(duì)齊:vertical-align: top

CSS sprite 是什么?

將網(wǎng)頁(yè)中需要展示的一張圖合并為一張大圖,使用的時(shí)候用backgroud-pisition: x y;定位

讓一個(gè)元素"看不見(jiàn)"有幾種方式?有什么區(qū)別?

   opacity: 0;
   /*整體透明度為0*/
   visibility: hidden;
   /*和上一個(gè)類似,占用位置*/
   display: none;
   /*消失,不展示*/
   background-color: rgba(0, 0, 0, 0) 
   /*只針對(duì)背景色*/
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容