CSS如何使用margin屬性定義網頁邊距

這篇文章主要介紹“CSS如何使用margin屬性定義網頁邊距”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“CSS如何使用margin屬性定義網頁邊距”文章能幫助大家解決問題。

CSS中margin屬性定義網頁邊距

margin屬性包括margin-top,margin-right,margin-bottom,margin-left,margin。

◆當他們要分別定義網頁的頂、右、底、左時用法有2種，他們分別為：

margin：top-valueright-valuebottom-valueleft-value；（順序是固定的上右下左，順時針。）

margin-top:value;  margin-right:value;  margin-bottom:value;  margin-left:value;

◆當他們定義的網頁頂、右、底、左邊距是等同時，用這種方法：

margin：value；

例如:margin：10px20px20px40px；這個說明網頁的上右下左邊距分別為10、20、20、40.

或者也可以寫成這樣：

margin-top:10px;  margin-right:20px;  margin-bottom:20px;  margin-left:40px;

效果是一樣的。

一般常用舉例：

<styletypestyletype="text/CSS"> <!--  #header{  height:120px;  width:960px;  background-image:url(headPic.gif);  background-repeat:no-repeat;  margin:0px0px5px0px;  }  --> </style> <dividdivid="header"></div><!--網站的頭部--> <dividdivid="nav"></div><!--網站的導航--> <dividdivid="content"></div><!--網站內容--> <dividdivid="footer"></div><!--網站底部-->

css的三種引入方式

1.行內樣式，最直接最簡單的一種，直接對HTML標簽使用style=""。

2.內嵌樣式，就是將CSS代碼寫在之間，并且用進行聲明。

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

關于“CSS如何使用margin屬性定義網頁邊距”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。