CSS、HTML和DIV都是網頁開發中常見的標簽和語言，它們在構建頁面布局和排版方面有著不可替代的作用。

HTML（Hyper Text Markup Language）是網頁的骨架，定義了頁面的內容結構。每個HTML標簽具有不同的語義，比如h1表示一級標題，p表示段落，img表示圖片等等。通過HTML語言，我們可以將網頁內容組織起來，但是內容的樣式和排版還不夠完善。

<h1>這是一個一級標題</h1>
<p>這是一個段落</p>
<img src="example.jpg" alt="示例圖片">

CSS（Cascade Style Sheet）用于指定頁面的樣式，在HTML文件中可以鏈接一個外部的CSS文件，也可以在HTML文件中嵌入CSS樣式，配合HTML中的標簽來定義頁面的布局、顏色、字體等樣式。通過CSS，我們可以讓頁面更加美觀，同時也有利于提高頁面的加載速度。

/* 設置段落字體 */
p {
font-size: 16px;
line-height: 1.5;
color: #333;
}
/* 設置標題樣式 */
h1 {
font-size: 32px;
font-weight: bold;
color: #FF0000;
}
/* 設置圖片寬度 */
img {
width: 100%;
max-width: 500px;
height: auto;
}

DIV（Document Object Model element）是一個HTML中的容器，可以用來組織和布局文檔中的內容。通過ID和Class等屬性，我們可以將不同的元素分組，并針對每個元素定義不同的樣式。DIV經常被用來劃分不同的區域，讓頁面更加有層次感。

<div id="header">
<h1>這是一個網頁的頭部</h1>
<p>網頁的導航、品牌、搜索欄等部分可以放置在這里</p> 
</div>
<div class="main-content">
<h2>這是一個副標題</h2>
<p>網頁的主要內容可以放置在這里</p>
</div>
<div id="footer">
<p>這是一個網頁的底部</p> 
</div>

在網頁開發中，使用HTML、CSS和DIV可以讓我們更高效、精確地構建頁面。掌握這些基礎知識，就能夠在網站開發中游刃有余。