text-align: center的作用是什么,作用在什么元素上?能讓什么元素水平居中
使文本內容內嵌在其父塊元素居中對齊。不控制塊元素的對齊,只控制其內聯內容水平居中。
IE 盒模型和W3C盒模型有什么區別?
IE盒模型:
寬度= border-left
+ padding-left
+ content
+ padding-right
+ border-right
,
高度=border-top
+ padding-top
+ content
+ padding-bottom
+border-bottom
IE盒模型
W3C標準盒模型:
寬度=content
,
高度=content
W3C標準盒模型
{ box-sizing: border-box;}的作用是什么?
指定使用IE盒模型
line-height: 2和line-height: 200%有什么區別?
line-height:2是指行高為本身文字的2倍,不能被子元素繼承。
line-height:200%是行高為父元素行高的2倍,可以被子元素繼承。
inline-block有什么特性?如何去除縫隙?高度不一樣的inline-block元素如何頂端對齊?
可以設置寬高,自己又不獨占一行,的但是兩個元素之間會有縫隙,解除縫隙的兩種方法:
1.兩個元素在HTML代碼中直接相鄰,中間不加空格和換行;
2.在父級設置字體大小為0,本身設置需要的字體大小。
頂端對齊:vertical-align: top
CSS sprite 是什么?
將網頁中需要展示的一張圖合并為一張大圖,使用的時候用backgroud-pisition: x y;
定位
讓一個元素"看不見"有幾種方式?有什么區別?
opacity: 0;
/*整體透明度為0*/
visibility: hidden;
/*和上一個類似,占用位置*/
display: none;
/*消失,不展示*/
background-color: rgba(0, 0, 0, 0)
/*只針對背景色*/