CSS樣式表是一種用來描述HTML或XML文檔外觀(如字體,顏色,間距和排版等)的專門語言。它的目的是將文檔內容和文檔的外觀相分離,方便修訂和維護。
在CSS中,樣式表的形式有以下幾種:
<style>
標簽內聯樣式<link>
標簽外部樣式- 內部樣式表
- 外部樣式表
接下來我們將逐一介紹這幾種樣式表的形式:
1. <style>標簽內聯樣式
內聯樣式是將CSS樣式代碼直接寫在HTML標簽內的方式,格式如下:
<p style="color: blue; font-size: 18px;">這是一個帶有內聯樣式的段落</p>
在這個例子中,我們通過style屬性來定義了段落的顏色和字體大小。
2. <link>標簽外部樣式
外部樣式表是將CSS樣式代碼存放在外部CSS文件中,在HTML文檔中使用<link>標簽引用該文件的方式,格式如下:
<link rel="stylesheet" href="style.css">
在這個例子中,我們將CSS樣式保存在一個名為style.css的文件中,然后在HTML文檔中通過<link>標簽引用該文件。
3. 內部樣式表
內部樣式表是將CSS樣式代碼寫在HTML文檔的<head>標簽內的<style>標簽中的方式,格式如下:
<head><style> p { color: blue; font-size: 18px; } </style> </head>
在這個例子中,我們通過<style>標簽定義了所有段落的顏色和字體大小。
4. 外部樣式表
外部樣式表是將CSS樣式代碼保存在一個獨立的CSS文件中,然后在HTML文檔的<head>標簽內的<link>標簽中引用該文件的方式,格式如下:
<head><link rel="stylesheet" href="style.css"> </head>
在這個例子中,我們通過<link>標簽引用了一個名為style.css的文件,該文件中包含了所有我們需要的CSS樣式代碼。
以上就是CSS樣式表的幾種形式,每一種形式都有自己的適用場景和優缺點,需要根據實際情況進行選擇。