你對(duì)CSS中padding與line-height的區(qū)別是否了解，這里和大家分享一下，padding與line-height的區(qū)別這是CSS基礎(chǔ)知識(shí)，對(duì)盒模型知識(shí)與布局以及相關(guān)屬性不是很了解的時(shí)候，是很容易混淆與分不清楚的。

CSS基礎(chǔ)知識(shí)：padding與line-height的區(qū)別

padding與line-height的區(qū)別這是CSS基礎(chǔ)知識(shí)，對(duì)盒模型知識(shí)與布局以及相關(guān)屬性不是很了解的時(shí)候，是很容易混淆與分不清楚的。

　　其實(shí)padding是布局設(shè)置，對(duì)容器進(jìn)行內(nèi)邊距定義。而line-height是行距設(shè)置，設(shè)置對(duì)象（如文本）的行高。

　
Padding屬性　

padding是內(nèi)補(bǔ)丁也叫內(nèi)邊距，也稱(chēng)為填充

　　檢索或設(shè)置對(duì)象四邊的補(bǔ)丁邊距。

　　如果提供全部四個(gè)參數(shù)值，將按上－右－下－左的順序作用于四邊。

　　如果只提供一個(gè)，將用于全部的四條邊。

　　如果提供兩個(gè)，***個(gè)用于上－下，第二個(gè)用于左－右。

　　如果提供三個(gè)，***個(gè)用于上，第二個(gè)用于左－右，第三個(gè)用于下。

　　內(nèi)聯(lián)對(duì)象要使用該屬性，必須先設(shè)定對(duì)象的height或width屬性，或者設(shè)定position屬性為absolute。
不允許負(fù)值。

line-height屬性

　　檢索或設(shè)置對(duì)象的行高。即字體***端與字體內(nèi)部頂端之間的距離。

　　如行內(nèi)包含多個(gè)對(duì)象，則應(yīng)用***行高。此時(shí)行高不可為負(fù)值。

　　也就是文本的行距。文本通常是一行或多行組成的，表示各行之間的距離。

　　例如：

ExampleSourceCode

<p>我愛(ài)CSS-Web標(biāo)準(zhǔn)化Div+css教程致力于Web標(biāo)準(zhǔn)在中國(guó)的應(yīng)用及發(fā)展52CSS.com</p> 
或  
<div>我愛(ài)CSS-Web標(biāo)準(zhǔn)化Div+css教程致力于Web標(biāo)準(zhǔn)在中國(guó)的應(yīng)用及發(fā)展52CSS.com</div> 
p,div{  
padding-top:40px;  
line-height:200%;  
}  

　最終的效果如圖所示

【編輯推薦】

1. CSS padding用法屬性詳解
2. 三種實(shí)用CSS清除浮動(dòng)方法揭秘
3. 專(zhuān)家推薦三大“***”CSS技巧！
4. 編寫(xiě)***CSS代碼的五個(gè)關(guān)鍵
5. CSS水平居中和垂直居中多種解決方案