站長資訊網(wǎng)
css中的上邊距屬性：1、“margin-top”屬性，該屬性用于設(shè)置元素的上外邊距，語法為“元素{margin-top:上外邊距值;}”；2、“padding-top”屬性，該屬性用于設(shè)置元素的上內(nèi)邊距，語法為“元素{padding-top:上內(nèi)邊距值;}”。
本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。
css中上邊距是什么屬性
1、margin-top
margin-top屬性設(shè)置元素的上部邊距。
注意： 負(fù)值是允許的。
默認(rèn)值是0
可能的值;
-
auto 瀏覽器設(shè)置的上外邊距。
-
length 定義固定的上外邊距。默認(rèn)值是 0。
-
% 定義基于父對(duì)象總寬度的百分比上外邊距。
-
inherit 規(guī)定應(yīng)該從父元素繼承上外邊距。
示例如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> p.ex1 {margin-top:2cm;} </style> </head> <body> <p>一個(gè)沒有指定邊距大小的段落。</p> <p class="ex1">一個(gè)2厘米上邊距的段落。</p> <p>一個(gè)沒有指定邊距大小的段落。</p> </body> </html>
輸出結(jié)果：
2、padding-top
padding-top屬性設(shè)置一個(gè)元素的頂部填充（空格）。
注意： 負(fù)值是不允許的。默認(rèn)值為0
可能的值：
-
length 規(guī)定以具體單位計(jì)的固定的上內(nèi)邊距值，比如像素、厘米等。默認(rèn)值是 0px。
-
% 定義基于父元素寬度的百分比上內(nèi)邊距。此值不會(huì)如預(yù)期的那樣工作于所有的瀏覽器中。
-
inherit 規(guī)定應(yīng)該從父元素繼承上內(nèi)邊距。
示例如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> p.padding {padding-top:2cm;} p.padding2 {padding-top:10%;} </style> </head> <body> <p>這是一個(gè)沒有上部填充邊距的文本。這是一個(gè)沒有上部填充邊距的文本。這是一個(gè)沒有上部填充邊距的文本。</p> <p class="padding">這個(gè)文本的上部填充邊距為2厘米。這個(gè)文本的上部填充邊距為2厘米。這個(gè)文本的上部填充邊距為2厘米。</p> <p class="padding2">這個(gè)文本的上部填充邊距為50%。這個(gè)文本的上部填充邊距為50%。這個(gè)文本的上部填充邊距為50%。</p> </body> </html>
輸出結(jié)果：
（學(xué)習(xí)視頻分享：css視頻教程）
