CSS(Cascading Style Sheets,層疊樣式表)是一種用于描述網頁文檔(HTML 或 XML)展示方式的樣式表語言。CSS 使得作者可以將樣式信息與網頁內容(包括結構、顏色、字體、間距等)分開,從而實現網頁樣式與內容的分離。使用 CSS 可以大大提高網頁的可讀性、可維護性和可重復使用性。在 CSS 中,樣式信息由樣式規則組成,每個規則包含一個選擇器和一個聲明塊。
CSS 樣式表模式是指將 CSS 樣式表應用到 HTML 文檔的方式。通常有以下三種模式:
/* 外部樣式表模式 */
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
/* 內部樣式表模式 */
<head>
<style type="text/css">
/* 樣式規則 */
</style>
</head>
/* 行內樣式表模式 */
<p style="color: red">Hello world!</p>
外部樣式表模式將 CSS 樣式表嵌入到外部文件中,并通過鏈接引入 HTML 文檔。這種模式的優點在于方便管理和維護,可以多個 HTML 頁面共用一個 CSS 文件,適合大型網站。同時,也能夠加速網站的加載速度,使得 HTML 文檔相對較為簡潔。
內部樣式表模式將 CSS 樣式表寫在 HTML 文檔的<head>標簽內部。這種模式的優點在于可以將樣式表和 HTML 文檔保存在同一個文件中,方便管理和維護。同時,也能夠加速網站的加載速度,但相較于外部樣式表模式,內部樣式表模式的代碼冗余度較大,可移植性較差。
行內樣式表模式將 CSS 樣式表直接寫在 HTML 元素的 style 屬性內。這種模式的優點在于使用簡便,立即生效,適用于一些臨時需求。但是,它沒有外部樣式表模式和內部樣式表模式那樣適合大規模網站的需求,且代碼冗余度也比較大,可讀性差。