CSS (Cascading Style Sheets,層疊樣式表) 是用于定義 HTML 頁面中各個元素的樣式和布局的一種標(biāo)記語言。
在 HTML 中,樣式可以通過內(nèi)聯(lián)樣式、嵌入樣式和外部樣式表來定義。其中,外部樣式表是其中最常用的一種,也是 CSS 教學(xué)中的重點之一,本文將著重講述外部樣式表的使用方法。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello World!</h1>
<p>這是一個段落。</p>
</body>
</html>
如上所示,在 HTML 文件的頭部使用 <link> 標(biāo)簽引用外部樣式表,其中rel="stylesheet"
屬性表示鏈接的是樣式表,href="style.css"
屬性則指定了樣式表文件的路徑和文件名。
在樣式表中,可以指定各種樣式屬性,如字體、字號、邊框、內(nèi)外邊距等,以及各種選擇器,如 id 選擇器、class 選擇器、元素選擇器等。例如:
h1 {
font-size: 48px;
color: red;
}
p {
font-size: 24px;
color: blue;
}
如上所示,h1
為選擇器,用來選中 HTML 中的 <h1> 標(biāo)簽,接下來的花括號則用來定義樣式,其中font-size
和color
均為樣式屬性,用來分別設(shè)置字體大小和顏色。
使用外部樣式表可以讓網(wǎng)頁變得更加美觀、易于維護和擴展。學(xué)習(xí) CSS 可以讓我們更好地掌控頁面的樣式和布局,是網(wǎng)頁制作的重要組成部分。