一個樣式表由樣式規則組成, 以告訴浏覽器怎樣去呈現一個文檔. 有很多将樣式規則加入到你的HTML文檔中的方法, 但最簡單的啟動方法是使用HTML的STYLE元件. 這個元素放置于文檔的HEAD部分, 包含網頁的樣式規則.
要注意到盡管STYLE元素是試驗樣式表的好方法, 它具有某些在使用者使用這種方法之前應該考慮的缺點. 不同方法的優點和缺點在将樣式表加入到HTML中部分中有讨論。
每個規則的組成包括一個選擇符--通常是一個HTML的元素, 例如BODY, P, 或EM--和該選擇符所接受的樣式.
有很多的屬性可以用于定義一個元素. 每個屬性帶一個值, 共同地描述選擇符應該如何呈現.
樣式規則組成如下:
選擇符 { 屬性: 值 }
單一選擇符的複合樣式聲明應該用分号隔開:
選擇符 { 屬性1: 值1; 屬性2: 值2 }
以下是一段定義了H1和H2元素的顔色和字型大小屬性:
<HEAD><TITLE>CSS例子</TITLE><STYLE TYPE="text/css">
H1 { font-size: x-large; color: red } H2 { font-size: large; color: blue }
</STYLE></HEAD>
上述的樣式表告訴浏覽器用加大、紅色字型去顯示一級标題, 用大、藍色字型去顯示二級标題. CSS1 規格正式地定義了所有的有效屬性和值. 屬性和值在本網站的CSS 屬性部分也給出了.