你對(duì)Padding屬性與line-height的區(qū)別是否了解，這里向大家描述一下，其實(shí)padding是布局設(shè)置，對(duì)容器進(jìn)行內(nèi)邊距定義。而line-height是行距設(shè)置，設(shè)置對(duì)象（如文本）的行高。

Padding屬性與line-height的區(qū)別

最近有朋友提出一個(gè)問(wèn)題，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屬性簡(jiǎn)介
　　
padding是內(nèi)補(bǔ)丁也叫內(nèi)邊距，也稱為填充，padding 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有內(nèi)邊距屬性。

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

　　語(yǔ)法：padding:padding-top|padding-right|padding-bottom|padding-left

　　說(shuō)明：檢索或設(shè)置對(duì)象四邊的內(nèi)補(bǔ)丁。對(duì)于td和th對(duì)象而言默認(rèn)值為1。其他對(duì)象的默認(rèn)值為0。

　　參數(shù)：length:長(zhǎng)度值；%:百分比，由父元素寬度決定

　　初始值：對(duì)于td和th對(duì)象而言默認(rèn)值為1。其他對(duì)象的默認(rèn)值為0。

　　繼承性：不可繼承

　　注釋：不允許使用負(fù)值。

　　如果提供全部四個(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ù)值。

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

　　例如：

<p>網(wǎng)頁(yè)教學(xué)網(wǎng)--中國(guó)網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)制作***站</p> 

或 

<div>網(wǎng)頁(yè)教學(xué)網(wǎng)--中國(guó)網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)制作***站</div> 
p,div{  
padding-top:40px;  
line-height:200%;  
}  
 

　　最終的效果如圖所示：

【編輯推薦】

1. CSS教程：詳解margin和padding屬性應(yīng)用場(chǎng)合
2. 微軟展示IE9瀏覽器 力推IE8將取代IE6市場(chǎng)
3. 探究IE和Firefox下的2款HTTP調(diào)試工具用法
4. CSS中padding和margin屬性用法說(shuō)明
5. 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法