在 HTML 網頁中,CSS 樣式表用于控制網頁元素的外觀和布局。CSS 可以通過三種方式應用于網頁中:內聯樣式、嵌入式樣式和外部樣式表。其中,我們需要在 HTML 網頁中加入 CSS 代碼來應用樣式。
<head> <style> p { color: blue; font-size: 18px; } </style> </head>
在這個例子中,我們使用了嵌入式樣式。我們將 CSS 代碼嵌入到了 HTML 文件的頭部,其中的<style>
標簽用于定義 CSS 樣式。在<style>
標簽中,我們通過p
選擇器來選中了所有的段落元素,并為其指定了藍色的字體顏色和 18px 的字體大小。
如果我們希望將樣式應用于整個網頁,我們可以在 HTML 文件中使用外部樣式表。我們可以創建一個 .css 文件,將所有的 CSS 樣式都寫在其中,并在 HTML 文件中通過<link>
標簽將其引用。
<head> <link rel="stylesheet" href="style.css"> </head>
在這個例子中,我們將 CSS 樣式寫在了style.css
文件中,并通過<link>
標簽在 HTML 文件中引用。通過這種方式,我們可以將樣式與 HTML 文件分離,使代碼更加清晰易讀。