樣式表是CSS(Cascading Style Sheets)編程中非常重要的一部分。CSS樣式表語法結構定義了CSS如何描述文檔樣式的規則集合。
selector{ property : value; }
CSS語法結構的第一個關鍵字是“選擇器”(selector),這個關鍵字用于描述樣式應用的元素或元素的集合。
h1 { color: #36F; background-color: #FFF; }
在上述例子中,選擇器是“h1”,表示樣式適用于所有的H1元素。在指定元素的選擇器后面是包含大括號的“規則”。
property : value;
每一半置于規則內的“屬性”(property)和可能的“值”(value)都是CSS樣式表語法結構的一部分。
h2 { color: red; font-family: Arial, sans-serif; font-weight: bold; }
以上是H2元素選定規則的完整CSS樣式表。
這里詮釋的語法可以擴展到所有CSS文件中,并且可以使用多個選擇器來描述樣式適用于哪些元素。
h2, h3 { color: green; font-family: sans-serif; }
在上述規則中,選擇器“h2,h3”被用來定義樣式表對所有H2和H3元素的樣式。
上一篇css樣式設置三角形
下一篇css樣式表現