CSS 基础知识(一)
樣式表不過是一種文本文件,其中包含一個或多個通過屬性和值決定網頁某特定元素如何顯示的規則。
構造樣式規則:
樣式表中的每條規則都有兩個主要部分:選擇器 selector 和聲明塊 declarationblock。聲明塊由一個或多個屬性-值對組成。
例如:
h1 {color: red; }注釋: ? ?/*...... */多行或單行注釋,且注釋不可嵌套
繼承:
當你為某個元素應用css屬性時,這些屬性不僅會影響該元素,還會影響其下的分支元素。
繼承可以簡化樣式表。
層疊:當規則發生沖突時。有時候多條規則會定義元素的同一個屬性,CSS用層疊的原則來考慮樣式聲明。
如果自定義的樣式與瀏覽器的默認樣式沖突,均以自定義的樣式為準。在此基礎上CSS用層疊的原則來考慮 特殊性、順序、重要性。
建議在樣式表中多使用類選擇器,避免使用ID選擇器。使用ID選擇器通常會矯枉過正,降低靈活性。
屬性的值:
inherit 對于任何屬性,如果希望顯示的指出該屬性的值與對應元素的父元素對該屬性設定的值相同,就可以使用inherit元素
預定義的值 不需要將預定義的值放在引號里。
長數和百分數 必須顯示的指出長度的單位,在單位和數值之間應該沒有空格。
純數字:只有極少數CSS屬性接受不帶單位的數字。line-height ?z-index
URL:有的CSS屬性允許開發人員指定另一個文件的URL,注意,規則支持,相對URL應該相對于CSS樣式表的位置,而不是相對于HTML文檔的位置。
CSS顏色:可以使用預定義顏色關鍵字或以十六進制,RGB、HSL、RGBA、HSLA(CSS3引入的)
總結
以上是生活随笔為你收集整理的CSS 基础知识(一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HTML5 基础知识(四)
- 下一篇: CSS 基础知识(二)