建站
咨詢
售后
建站咨詢
新聞中心
你對(duì)CSS中padding與line-height的區(qū)別是否了解，這里和大家分享一下，padding與line-height的區(qū)別這是CSS基礎(chǔ)知識(shí)，對(duì)盒模型知識(shí)與布局以及相關(guān)屬性不是很了解的時(shí)候，是很容易混淆與分不清楚的。
無為網(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)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的無為做網(wǎng)站的公司定做！
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)邊距，也稱為填充
檢索或設(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
我愛CSS-Web標(biāo)準(zhǔn)化Div+css教程致力于Web標(biāo)準(zhǔn)在中國(guó)的應(yīng)用及發(fā)展52CSS.com
- 或
- p,div{
- padding-top:40px;
- line-height:200%;
- }
最終的效果如圖所示
【編輯推薦】
- CSS padding用法屬性詳解
- 三種實(shí)用CSS清除浮動(dòng)方法揭秘
- 專家推薦三大“***”CSS技巧！
- 編寫***CSS代碼的五個(gè)關(guān)鍵
- CSS水平居中和垂直居中多種解決方案
網(wǎng)頁標(biāo)題：CSS基礎(chǔ)：解析padding與line-height屬性區(qū)別
URL分享：http://www.5511xx.com/article/dpcppeo.html
