CSS,或者層疊樣式表,是一種計算機語言,用于描述網頁上的樣式。通過 CSS,您可以改變字體、顏色、背景、邊框等等網頁的外觀和布局。但是,CSS 在瀏覽器上不能直接解釋,需要先將其轉換為 HTML 才能在網頁上生效。
<!-- 在 head 中引入 CSS 文件 --> <link rel="stylesheet" type="text/css" href="styles.css"> <!-- 在 HTML 文件中使用 CSS --> <div class="box"> <p>這是一個盒子</p> </div> <!-- 在 CSS 文件中編寫樣式 --> .box { background-color: #f0f0f0; border: 1px solid #ccc; padding: 10px; margin: 10px; text-align: center; } .box p { color: #333; font-size: 18px; font-weight: bold; }
在上述代碼中,我們將 CSS 樣式編寫在一個單獨的文件中,通過鏈接來引入到 HTML 文件中。在 HTML 文件中,我們使用 class 屬性指定一個 div 元素應用該樣式。在 CSS 文件中,我們編寫具體的樣式,包括背景顏色、邊框、文字大小、字體粗細等等。由于 CSS 支持選擇器,我們還可以通過選擇器來為不同的元素應用不同的樣式。
當瀏覽器加載 HTML 和 CSS 文件后,會將它們解析為 DOM(文檔對象模型) 和 CSSOM(CSS 對象模型),然后將它們結合起來渲染出網頁的樣式和布局,最終顯示給用戶。
上一篇簡述css類的選擇器
下一篇css語言連接文件路徑