CSS（層疊樣式表）是網頁設計中至關重要的一部分。而DIV是CSS中最基礎的標簽，用來定義文檔中的一塊區域，稱之為“塊級元素”。一個頁面中的所有內容都可以被分解成一個個的塊，而在CSS中，這些塊就是指div。使用div可以方便地將網頁布局，實現各種不同效果。
<div> <p>這是一個段落</p> <img src="image.jpg" alt="圖片" /> </div>
如上所示，<div>標簽可以包含其他HTML元素，比如<p>和<img>等。而為了實現每個div之間的樣式不同，CSS提供了一種針對具體元素的樣式定義方法。
div {
width: 50%;
background-color: grey;
}
p {
font-size: 16px;
margin-bottom: 10px;
}如上所示，CSS中的樣式定義是針對具體元素來進行的。第一個語句定義了div的樣式，它的寬度為50%，背景顏色為灰色。第二個語句定義了p元素的樣式，它的字體大小為16像素，下邊距為10像素。需要注意的是，樣式定義一定要放在<head>標簽中的<style>標簽中，這樣才能正確地生效。
除了樣式定義之外，div還有一些常見的屬性可以調整。比如padding、margin、background-color等。其中padding和margin是一個容器內部和外部的距離屬性，而background-color則是指定div的背景顏色屬性。同時，div也可以使用id或class屬性進行命名，方便在CSS樣式表中進行復雜的樣式定義。
<div id="header">
<h1>這是一個標題</h1>
</div>
#header {
background-color: blue;
}
<div class="content">
<p>這是內容區域</p>
</div>
.content {
padding: 10px;
}如上所示，id屬性可以為一個特定的div命名，可以在CSS中用#header來代表這個div。而class屬性則可以為多個div命名，可以在CSS中用.content進行統一樣式的定義。
在使用CSS布局時，div是一個基礎元素，并且常常搭配其他CSS樣式進行布局實現。了解div的基礎語法和常用屬性，可以讓網頁的布局更加精美、美觀。
上一篇css div自移動
下一篇css div的網站