一酿傍、text-align：center
text-align: center; 的作用是讓文檔內(nèi)容水平居中烙懦，作用在塊級元素內(nèi)的行內(nèi)元素上，對display為inline-block屬性的元素也有效赤炒。
二氯析、IE盒模型和W3C盒模型
IE盒模型
W3C盒模型
區(qū)別
- IE盒模型的寬度和高度包含了內(nèi)容本身寬高、border的寬度和padding的寬度莺褒；
- W3C盒模型的寬度和過度僅僅包含內(nèi)容的寬度和高度掩缓。
三、{box-sizing：border-box}
添加了{box-sizing：border-box}樣式后遵岩，會指定使用IE盒模型你辣，此時設置的寬度會包含border寬度和padding巡通。
四、{line-height：2}和{line-height：200%}的區(qū)別
- line-height設置為數(shù)值2時舍哄，行高是指字體尺寸的2倍宴凉；
- line-height設置為百分比200%時，行高是指其父元素字體尺寸的200%表悬。
<div class="wrap">
<h2>此處行高比為h2字體尺寸的2倍</h2>
<p>jirengu</p>
</div>
<div class="wrap2">
<h2>此處行高為父元素的字體高度的200%</h2>
<p>jirengu</p>
</div>
.wrap{
line-height:2;
}
.wrap2{
line-height:200%
}
p,
h2{
background-color:red;
}
五弥锄、inline-block
inline-block特性
- 既有inline的特性，不占據(jù)一整行蟆沫；
- 又有block的特性籽暇，寬度由內(nèi)容寬度決定，可設置寬高饥追，內(nèi)外邊距图仓。
如何去除兩個inline-block元素之間的縫隙
兩者之間的縫隙是因為在寫html的時候罐盔，兩個標簽之間有空格但绕，在網(wǎng)頁渲染的時候空格也被渲染出來（多個空格只會保留一個）。
解決辦法：
- 可以在寫html時把兩個標簽擠在一起惶看，不留空格捏顺；
- 也可以設置父元素的font-size為0，即把空格的大小變?yōu)?纬黎，然后在子元素中再設字體大小幅骄。
高度不一的inline-block如何對齊
可以在父元素上添加vertical-align樣式，確定對齊樣式本今。
六拆座、CSSsprite
CSSsprite是一種網(wǎng)頁圖片應用處理方式，將若干小圖標集中放置在一張圖片上冠息，然后通過設置不同的background-position來顯示不同的圖標挪凑。這樣可以減少網(wǎng)絡請求次數(shù)，提高網(wǎng)頁加載性能逛艰。
七躏碳、讓一個元素“看不見”的幾種辦法
-
opacity: 0;
整體透明度設置為0，但依然占據(jù)著空間散怖； -
visibility: hidden;
與opacity類似菇绵，整體透明度為0，但依然占據(jù)著空間镇眷； -
display: none;
整個元素消失咬最，不占空間； -
background-color: rgba(0,0,0,0.2)
背景色設置為透明欠动。
