CSS是一種層疊樣式表,它定義了如何呈現(xiàn)HTML和XML文檔的樣式。CSS樣式以關(guān)鍵字、屬性和值的形式描述文檔元素應(yīng)該呈現(xiàn)的外觀和格式。
/* 以下代碼展示了CSS樣式的基本語法 */ 選擇器 { 屬性: 值; 屬性: 值; }
選擇器是CSS規(guī)則的第一部分,它指定了樣式應(yīng)該應(yīng)用到哪些元素。選擇器可以基于元素類型、ID屬性或類別屬性來進(jìn)行選擇。
接下來是一個(gè)基本的樣式例子,它將h1元素的字體顏色設(shè)定為紅色:
h1 { color: red; }
在這個(gè)例子中,h1被稱為選擇器,color是屬性,red是值。如果應(yīng)用這個(gè)樣式到文檔中的h1元素,那么h1元素的文本就會(huì)呈現(xiàn)出紅色。
CSS樣式可以在HTML文檔中的三種不同方式中任意一種應(yīng)用:
- 內(nèi)聯(lián)樣式: 在HTML標(biāo)記中使用style屬性來定義樣式:
- 嵌入樣式表: 將CSS代碼嵌入到HTML文檔的head區(qū)域:
- 鏈接至外部樣式表: 將CSS樣式定義保存到一個(gè)獨(dú)立的文件中,并在HTML文檔中鏈接這個(gè)文件: 首先,定義樣式表文件style.css:
<h1 style="color: red;">這是一個(gè)標(biāo)題</h1>
<head> <style> h1 { color: red; } </style> </head>
h1 { color: red; }創(chuàng)建HTML文檔時(shí),將樣式表文件鏈接至HTML文檔:
<head> <link rel="stylesheet" href="style.css"> </head>