css的padding-top屬性怎么設(shè)置

這篇文章主要介紹“css的padding-top屬性怎么設(shè)置”，在日常操作中，相信很多人在css的padding-top屬性怎么設(shè)置問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”css的padding-top屬性怎么設(shè)置”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

padding-top屬性

設(shè)置要在指明的對(duì)象邊框與內(nèi)容之間插入的間距量。

語(yǔ)法

{  padding-top:  sPadding  }

可能的值

◆sPadding

一個(gè)變量，用于指定或接收下列值之一：

◆length

浮點(diǎn)數(shù)，后跟絕對(duì)單位指示符（cm、mm、in、pt或pc）或相對(duì)單位指示符（em、ex或px）。

有關(guān)支持的長(zhǎng)度單位的詳細(xì)信息，請(qǐng)參閱長(zhǎng)度單位參考。

◆percentage

整數(shù)，后跟百分號(hào)(%)。此值為占父對(duì)象寬度的百分比。

對(duì)于所有對(duì)象，該屬性的默認(rèn)值均為0，并且該屬性不會(huì)被繼承。

注解

不允許為負(fù)值。

示例
以下示例使用padding-top屬性更改對(duì)象的填充。本示例使用TD元素作為內(nèi)嵌樣式表中的選擇器，將所有表格單元格的頂部填充設(shè)置為1厘米：

<style> 
td{padding-top:1cm;}  
</style>

本示例使用內(nèi)聯(lián)腳本在onmouseover事件發(fā)生時(shí)將單元格的頂部填充設(shè)置為1厘米：

<tdonmouseovertdonmouseover="this.style.paddingTop='1cm'"onmouseout="this.style.paddingTop=''"> 
<imgsrcimgsrc="sphere.jpg"> 
</td>

標(biāo)準(zhǔn)信息

此屬性在CascadingStyleSheets(CSS),Level1(CSS1)（級(jí)聯(lián)樣式表(CSS)，第1級(jí)(CSS1)）中定義。

css的三種引入方式

1.行內(nèi)樣式，最直接最簡(jiǎn)單的一種，直接對(duì)HTML標(biāo)簽使用style=""。

2.內(nèi)嵌樣式，就是將CSS代碼寫在之間，并且用進(jìn)行聲明。

3.外部樣式，其中鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在之間加上就可以了。其次就是導(dǎo)入樣式，導(dǎo)入樣式和鏈接樣式比較相似，采用@import樣式導(dǎo)入CSS樣式表，不建議使用。

到此，關(guān)于“css的padding-top屬性怎么設(shè)置”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！