1,
1）文本水平居中
2）用在span , p,a,h1~h6等這些文本標(biāo)簽上
3）行內(nèi)元素
2留美，IE 盒模型和W3C盒模型有什么區(qū)別?
設(shè)置width或height的值時(shí)的區(qū)別：
IE盒模型：width或height=內(nèi)容寬度或高度+paddingx2+borderx2
圖片.png
W3C盒模型： width和height=內(nèi)容的寬度或高度
圖片.png
3彰檬，*{ box-sizing: border-box;}的作用是什么？
把頁(yè)面上所有的盒模型設(shè)置為IE盒模型這個(gè)概念
4,line-height: 2和line-height: 200%有什么區(qū)別?
2:行高為字體本身高度的2倍
200%:行高為父容器字體高度的2倍
5,
1）特性：（同時(shí)具有行內(nèi)元素和塊級(jí)元素的特性）
a谎砾，行內(nèi)元素（可以多個(gè)元素占據(jù)一行）
b逢倍，設(shè)置寬高有效
c，設(shè)置padding ,margin有效
2）去縫隙
a棺榔，去掉代碼中的空格和換行
b瓶堕，設(shè)置font-size:0
3)inline-block元素頂端對(duì)齊
設(shè)置vertical-align基線(xiàn)的位置來(lái)對(duì)齊元素
vertical-align:top
6，CSS Sprite是什么
精靈圖
通過(guò)把網(wǎng)站中用到的圖片整合到一張圖片里面症歇，把這張整合圖片設(shè)置成背景圖片 郎笆，然后設(shè)置background-position的值來(lái)展現(xiàn)圖片
精靈圖的好處是：
a，減少圖片的請(qǐng)求忘晤，提升客戶(hù)端網(wǎng)頁(yè)展現(xiàn)的速度
b宛蚓，減少服務(wù)器開(kāi)啟的線(xiàn)程 因此減輕服務(wù)器的壓力
7，讓一個(gè)元素“看不見(jiàn)”有幾種方式设塔，區(qū)別凄吏？
1）歸納成兩種方式
任然存在網(wǎng)頁(yè)中本身的位置
a，visibility:hidden (可見(jiàn)度狀態(tài)隱藏)
整塊的透明度： opacity:0
b闰蛔，background-color:rgba(0,0,0,0.5) 蒙上一層遮罩
不存在網(wǎng)頁(yè)中
a,display:none;
