在 HTML 中定義 CSS
CSS(層疊樣式表)允許我們在 HTML 中為網(wǎng)頁添加樣式和布局。通過在 HTML 文檔中定義 CSS,我們可以改變網(wǎng)頁的顏色、字體、大小等方面而無需去修改 HTML 代碼本身。以下是一些關(guān)于在 HTML 中定義 CSS 的方法和技巧。
使用頭部標(biāo)簽
我們可以將 CSS 定義寫在頭部標(biāo)簽中,通常寫在 <head> 標(biāo)簽里。Hello World!
在上面的例子中,我們定義了一個 h1 元素的樣式,包括顏色和字體大小。可以看到,h1 中的文本將以紅色色彩和 24 像素的大小顯示。
使用內(nèi)聯(lián)樣式
我們還可以使用內(nèi)聯(lián)樣式將 CSS 樣式定義寫在 HTML 元素中。下面是一個例子:Hello World!
在這個例子中,我們使用 style 屬性將樣式定義寫在了 h1 元素中。這些樣式將只應(yīng)用于這個元素,而不是整個文檔。
使用外部樣式表
另一種在 HTML 中為網(wǎng)頁添加 CSS 樣式的方法是使用外部樣式表。我們可以將 CSS 樣式寫在一個 .css 文件中,再在 HTML 文檔中鏈接它們。這是一種通用的、可維護(hù)的方法,也使得樣式可以在多個頁面上重用。 下面是一個外部樣式表的例子: /* style.css 文件 */ h1 { color: red; font-size: 24px; } p { color: blue; }在這個例子中,我們將樣式寫在一個 .css 文件中,然后在 HTML 頭部使用 <link> 標(biāo)簽將這個文件鏈接到了頁面上。這里也演示了如何對多個元素使用同樣的樣式。Hello World!
This is a paragraph.