text-align: center的作用是什么惧浴,作用在什么元素上?能讓什么元素水平居中
使文本內(nèi)容內(nèi)嵌在其父塊元素居中對齊逸邦。不控制塊元素的對齊脂矫,只控制其內(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元素如何頂端對齊?
可以設(shè)置寬高,自己又不獨占一行斧抱,的但是兩個元素之間會有縫隙常拓,解除縫隙的兩種方法:
1.兩個元素在HTML代碼中直接相鄰,中間不加空格和換行辉浦;
2.在父級設(shè)置字體大小為0弄抬,本身設(shè)置需要的字體大小。
頂端對齊:vertical-align: top
CSS sprite 是什么?
將網(wǎng)頁中需要展示的一張圖合并為一張大圖宪郊,使用的時候用backgroud-pisition: x y;
定位
讓一個元素"看不見"有幾種方式掂恕?有什么區(qū)別?
opacity: 0;
/*整體透明度為0*/
visibility: hidden;
/*和上一個類似拖陆,占用位置*/
display: none;
/*消失,不展示*/
background-color: rgba(0, 0, 0, 0)
/*只針對背景色*/