|
導(dǎo)讀網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而,超級文本標(biāo)記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立... 網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而,超級文本標(biāo)記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標(biāo)記語言之所以稱為超文本標(biāo)記語言,是因?yàn)槲谋局邪怂^“超級鏈接”點(diǎn)。 在學(xué)習(xí)css的時(shí)候,會css外邊距這一概念,所以,css外邊距是什么呢?邊框以外就是外邊距,外邊距默認(rèn)是透明的,因此不會遮擋其后的任何元素,接下來本篇文章將來給大家介紹關(guān)于css外邊距屬性的相關(guān)內(nèi)容。首先我們應(yīng)該知道css的外邊距屬性是margin。 margin清除周圍的(外邊框)元素區(qū)域。margin 沒有背景顏色,是完全透明的。 margin可以單獨(dú)改變元素的上,下,左,右邊距,也可以一次改變所有的屬性。 我們來通過一張圖看看css外邊距屬性值對應(yīng)的是什么:
css外邊距margin屬性值最多為四個(gè):分別表示上外邊距、右外邊距、下外邊距、左外邊距。也可以是三個(gè):表示上外邊距、左右外邊距、下外邊距。也可以是兩個(gè):表示上下外邊距、左右外邊距。最少為一個(gè):表示四邊外邊距。 css外邊距屬性值可以是auto,瀏覽器自動計(jì)算外邊距,塊級元素會水平居中顯示;屬性值可以是百分比,百分比是基于父元素的寬度計(jì)算的;屬性值可以是CSS長度單位,值可以是負(fù)值。屬性值可以是inherit。 接著我們就來直接看css外邊距的實(shí)現(xiàn)代碼 注意:css外邊距margin屬性的默認(rèn)值是0,所以如果沒有為margin聲明一個(gè)值,就不會出現(xiàn)外邊距。 css外邊距實(shí)現(xiàn)代碼如下: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)</title>
<style>
p{
background-color:yellow;
}
p.margin{
margin:2cm 4cm 3cm 4cm;
}
</style>
</head>
<body>
<p>沒有指定外邊距大小</p>
<p class="margin">有外邊距有外邊距有外邊距有外邊距有外邊距有外邊距有外邊距有外邊距有外邊距有外邊距有外邊距有外邊距</p>
</body>
</html>css外邊距實(shí)現(xiàn)效果如下:
最后: 以上就是本篇文章的全部內(nèi)容了,如果對css外邊距屬性margin想要更進(jìn)一步的了解,可以參考css學(xué)習(xí)手冊。 以上就是css外邊距是什么?css外邊距屬性的介紹的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!