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

無為網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),無為網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為無為千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的無為做網(wǎng)站的公司定做！

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

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

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

Padding屬性　

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

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

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

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

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

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

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

line-height屬性

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

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

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

例如：

ExampleSourceCode

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

最終的效果如圖所示

【編輯推薦】

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

文章題目：CSS基礎(chǔ)：解析padding與line-height屬性區(qū)別
網(wǎng)頁路徑：http://uogjgqi.cn/article/dpcppeo.html