在Web開發中，CSS是非常重要的一部分，它可以用來控制網頁的外觀和布局。其中，CSS樣式和DIV布局是兩個非常實用的技術。下面我們就來一起了解一下它們的基本知識。
CSS樣式指的是網頁中各元素的樣式設置，包括字體、顏色、大小、邊框等。它可以使用內聯樣式、嵌入式樣式和外部樣式表來設置。其中，內聯樣式是指在元素上使用style屬性來設置樣式，如下所示：
<p style="color: red; font-size: 14px;">這是一個紅色字體大小為14px的段落</p>
而嵌入式樣式是將樣式代碼嵌入到HTML文檔的<head>標簽內，如下所示：
<head><style>p {
color: green;
font-size: 18px;
}
</style></head>這樣，在所有的<p>標簽中都會應用這個樣式。
最后，就是外部樣式表。外部樣式表是將樣式代碼保存到一個獨立的CSS文件中，然后通過<link>標簽來引用它，如下所示：
<head><link rel="stylesheet" href="styles.css"></head>
其中，styles.css是保存樣式代碼的文件名。這樣，所有引用了這個文件的HTML文檔中的元素都會應用這個樣式。
接下來，我們來說一下DIV布局。DIV是一個HTML標簽，它可以用來包裹其他HTML元素，并且可以通過CSS樣式來設置其大小、位置等屬性，從而實現網頁的布局。用法如下：
<div style="width: 200px; height: 100px; border: 1px solid black;"><p>這是一個DIV</p></div>
這樣，就創建了一個寬200px、高100px的DIV，并且邊框為1px的黑色實線。通過設置多個DIV的大小和位置，我們可以實現復雜的網頁布局。
綜上所述，CSS樣式和DIV布局是Web開發中常用的技術，它們可以讓我們更好地控制網頁的外觀和布局。學好這兩個技術，對于成為一名優秀的Web開發人員是非常重要的。
上一篇css樣式中內連
下一篇css樣式中字體的位置