CSS 樣式表是一種用于描述 HTML 或 XML 文檔外觀和樣式的語言,它可以定義文檔的布局、字體、顏色、間距以及各種效果,為網頁增加了豐富的樣式和視覺效果。
在 HTML 中使用 CSS 樣式表時,我們可以將 CSS 樣式表放在同一個文件中,也可以將樣式寫在 HTML 文件中。
// 在 HTML 文件中定義樣式 <style type="text/css">p { color: red; font-size: 20px; } </style>
在上面的例子中,我們定義了一個 p 標簽的樣式,將顏色設置為紅色,字體大小為 20 像素。
在 CSS 樣式表中,我們可以使用各種選擇器來選擇不同的 HTML 元素進行樣式定義。常見的選擇器有:
// ID 選擇器 #id { property: value; } // 類選擇器 .class { property: value; } // 標簽選擇器 p { property: value; } // 后代選擇器 div p { property: value; } // 子元素選擇器 div >p { property: value; } // 通配符選擇器 * { property: value; }
使用這些選擇器,我們可以為不同的 HTML 元素設置不同的樣式效果。
另外,CSS 還支持嵌套樣式表和外部樣式表。嵌套樣式表指的是在一個 HTML 文件中嵌入一個 CSS 樣式表,而外部樣式表則是將 CSS 樣式表單獨存放在一個文件中,并在 HTML 文件中引用。
// 引用外部樣式表 <link rel="stylesheet" type="text/css" href="style.css"/>
在上面的例子中,我們引用了一個名為 style.css 的外部樣式表文件。
總之,CSS 樣式表是 Web 開發中不可缺少的一部分,它可以為網頁增加豐富的視覺效果,提升用戶體驗。
上一篇css樣式虛線英語