CSS的使用方式

• style 屬性--->

• style 標簽---> head 標簽裏面
• link --->

三種基礎選擇器的區別

html標簽選擇器：

• 所有的html標簽都可以當做選擇器
• 無論標簽藏多深都會被選中
• 選擇的是所有的標簽而不是某個具體的標簽

id選擇器：

• 任何的標簽都可以有id屬性和屬性值
• id不能夠重復

class選擇器：

• 任何的標簽都可以使用class屬性
• class 屬性名可以重復使用
• 一個class屬性中，可以有多個class 屬性值

綜合選擇器的用法

• 後代選擇器 div p
• 交集選擇器 div.d1
• 並集選擇器 div,p
• 子元素選擇器 div>p
• 序列選擇器 ul li:first-child ul li:last-child
• 相鄰兄弟選擇器 div + p
• 普通兄弟選擇器 div ~ p

塊級元素、行內元素以及它們的區別：

塊級元素和行內元素：

• div 塊級元素
• span 行內元素

區別：

• 行內元素不能設置寬度和高度。行內元素的寬度和高度是標簽內容的高度和寬度。塊級元素可以設置寬度和高度。
• 塊級元素會獨占一行。而行內元素不能夠獨占一行，只能和其他的行內元素共用一行。
• 如果塊級元素不設置寬度，那麽塊級元素會自動占滿父元素的全部寬度。

繼承和層疊

• 繼承：父元素的某些css屬性會被子元素無條件的繼承過去。比如，關於文字的css屬性都可以進行繼承：color text- line- font-
• 層疊：解決css沖突的問題。通過比較權重來解決層疊問題。

css學習筆記