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

無為網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),無為網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為無為千余家提供企業(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)屬性不是很了解的時候,是很容易混淆與分不清楚的。
其實padding是布局設(shè)置,對容器進行內(nèi)邊距定義。而line-height是行距設(shè)置,設(shè)置對象(如文本)的行高。
Padding屬性
padding是內(nèi)補丁也叫內(nèi)邊距,也稱為填充
檢索或設(shè)置對象四邊的補丁邊距。
如果提供全部四個參數(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%;
- }
最終的效果如圖所示
【編輯推薦】
- CSS padding用法屬性詳解
- 三種實用CSS清除浮動方法揭秘
- 專家推薦三大“***”CSS技巧!
- 編寫***CSS代碼的五個關(guān)鍵
- CSS水平居中和垂直居中多種解決方案
當(dāng)前題目:CSS基礎(chǔ):解析padding與line-height屬性區(qū)別
鏈接地址:http://m.fisionsoft.com.cn/article/dpcppeo.html


咨詢
建站咨詢
