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ì)背景色*/