CSS(Cascading Style Sheets)是現代Web開發中不可或缺的一部分,它是用來控制網頁樣式的語言。在學習CSS時,我們會遇到一些相關的術語和關鍵詞。
/* pre標簽內的代碼格式化 */ .selector { font-size: 16px; /* 屬性名 + 值 */ color: red; background-color: #fff; margin-top: 20px; }
下面是一些常用的CSS關鍵詞解釋。
選擇器:指定需要樣式化的HTML元素的標識符,有ID選擇器、類選擇器、元素選擇器等等。
#id-selector { color: blue; } .class-selector { font-weight: bold; }
屬性:CSS用來控制HTML元素外觀的各種屬性,比如字體大小、顏色、邊框等等,每個屬性都有對應的值。
font-size: 20px; color: #333; border: 1px solid red;
盒子模型:頁面上的元素都是一個個盒子,包括內容、內邊距、邊框和外邊距。CSS中的盒子模型屬性包括width、height、padding、border、margin等。
box-sizing: border-box; padding: 10px; margin: 20px;
偽類:用于指定元素在特殊狀態下的樣式,比如:hover、:active、:visited等。
a:hover { color: yellow; } button:active { background-color: green; }
層疊性:CSS樣式的層疊性是指多個選擇器作用于同一個元素時,不同的CSS規則之間可以互相影響,同時也可以進行優先級比較。
/* ID選擇器優先級高于類選擇器 */ #id-selector { color: blue; } .class-selector { color: red; }
以上是CSS中的一些重要概念和關鍵詞,掌握它們可以讓我們更好地理解并應用CSS語言。
上一篇css有哪些形式