1,
1)文本水平居中
2)用在span , p,a,h1~h6等這些文本標(biāo)簽上
3)行內(nèi)元素
2,IE 盒模型和W3C盒模型有什么區(qū)別?
設(shè)置width或height的值時的區(qū)別:
IE盒模型:width或height=內(nèi)容寬度或高度+paddingx2+borderx2

圖片.png
W3C盒模型: width和height=內(nèi)容的寬度或高度

圖片.png
3,*{ box-sizing: border-box;}的作用是什么?
把頁面上所有的盒模型設(shè)置為IE盒模型這個概念
4,line-height: 2和line-height: 200%有什么區(qū)別?
2:行高為字體本身高度的2倍
200%:行高為父容器字體高度的2倍
5,
1)特性:(同時具有行內(nèi)元素和塊級元素的特性)
a,行內(nèi)元素(可以多個元素占據(jù)一行)
b,設(shè)置寬高有效
c,設(shè)置padding ,margin有效
2)去縫隙
a,去掉代碼中的空格和換行
b,設(shè)置font-size:0
3)inline-block元素頂端對齊
設(shè)置vertical-align基線的位置來對齊元素
vertical-align:top
6,CSS Sprite是什么
精靈圖
通過把網(wǎng)站中用到的圖片整合到一張圖片里面,把這張整合圖片設(shè)置成背景圖片 ,然后設(shè)置background-position的值來展現(xiàn)圖片
精靈圖的好處是:
a,減少圖片的請求,提升客戶端網(wǎng)頁展現(xiàn)的速度
b,減少服務(wù)器開啟的線程 因此減輕服務(wù)器的壓力
7,讓一個元素“看不見”有幾種方式,區(qū)別?
1)歸納成兩種方式
任然存在網(wǎng)頁中本身的位置
a,visibility:hidden (可見度狀態(tài)隱藏)
整塊的透明度: opacity:0
b,background-color:rgba(0,0,0,0.5) 蒙上一層遮罩
不存在網(wǎng)頁中
a,display:none;