層疊樣式表(Cascading Style Sheets),簡稱CSS,是一種用于描述網頁文檔樣式的語言。在CSS中,樣式塊被定義為屬性和值的鍵值對。
p { color: blue; font-size: 16px; text-align: center; }
上面的代碼是一個CSS樣式塊的例子,它對<p>元素應用了三個屬性:color、font-size和text-align。這些屬性定義了該元素在網頁中顯示的字體顏色、字體大小和對齊方式。
CSS屬性可以繼承,具有繼承性質的屬性會自動應用于該元素的所有子元素。例如,如果<body>元素應用了一個font-size屬性,那么該網頁中所有子元素的字體大小也會相應地改變。
body { font-size: 14px; }
相同元素可以有多個CSS樣式塊,所應用的樣式按照優先級別決定。優先級別從高到低依次為:內聯樣式、ID選擇器、Class選擇器和標簽選擇器。如果同時應用多個樣式,具有較高優先級的樣式將覆蓋其他樣式。
p { color: red; } #intro { color: blue; } .colorful { color: yellow; }
上面的代碼演示了不同優先級別樣式的影響。<p>元素會應用第一個樣式,因為它具有更高的優先級(標簽選擇器的優先級最低)。<div id="intro">元素會應用第二個樣式,因為ID選擇器具有較高的優先級。而<p class="colorful">元素會應用第三個樣式,因為class選擇器的優先級相對較低。
CSS中還有許多其他的屬性可以用來定義不同的樣式,例如:背景顏色(background-color)、邊框(border)、填充(padding)、外部距離(margin)等等。這些屬性可以幫助用戶更好地設計自己的網頁。
上一篇創建css樣式前加
下一篇列表兩邊都是左對齊css