CSS (Cascading Style Sheets)是一種常用於網頁設計的樣式表語言,它可以控制網頁的樣式,包括字體、顏色、大小、佈局等,使得網頁具有更好的可讀性和美觀性。要使用 CSS,就需要將 CSS 檔案引入到 HTML 檔案中。以下將介紹 CSS 的三種引入方法。
一、內嵌樣式
內聯樣式是將 CSS 樣式直接寫在 HTML 元素標籤內部的一種方法。這種方法的好處是可以針對單一 HTML 元素設定樣式,但是如果要在多個元素上套用相同的樣式,就會顯得非常冗長和重複。內聯樣式的語法如下:
<p style="color: red;">这是红色文本</p>
其中,style
屬性用來定義樣式,樣式屬性和值用冒號隔開,多個屬性之間用分號隔開。
二、內部樣式表
內部樣式表是將CSS 樣式寫在HTML 檔案的<head>
標籤中的<style>
標籤內部。這種方法適用於某個 HTML 檔案內多個元素共用樣式的情況。內部樣式表的語法如下:
<!DOCTYPE html> <html> <head> <style> p { color: red; } </style> </head> <body> <p>这是红色文本</p> </body> </html>
其中,<style>
標籤內部寫CSS 樣式,樣式類似內聯樣式,但不需要寫在元素標籤內部,而是寫在{ }
中間,多個屬性和值之間也用分號隔開。
三、外部樣式表
外部樣式表是將CSS 樣式單獨寫在一個.css
檔案中,然後透過HTML 檔案的<link> ;
標籤將其引入。這種方法適用於多個 HTML 檔案需要共用相同樣式的情況。外部樣式表的語法如下:
.css
文件,例如 style.css
。 p { color: red; }
<head>
標籤中增加以下程式碼: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <p>这是红色文本</p> </body> </html>
其中,<link>
標籤用於指定.css
檔案的路徑,href
屬性用於指定.css
檔案的路徑和檔案名稱。
以上就是 CSS 的三種引入方法,每種方法都有各自的適用場景,可以根據具體需求選擇使用。
以上是css引進方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!