HTML筆記3

標籤：header   ul li   port   pre   自動   font   html筆記   ast   href   

CSS一、複習1. 什麼是Css？

層疊樣式表 ： 層疊 樣式只會被覆蓋 而不會被替代

2. CSS 的使用方式

style屬性 ---> <h1 style="css屬性"></h1>

style標籤 ----> head標籤裡面

link ---> <link rel="stylesheet" href="style.css">

3. 基礎選取器

html標籤選取器

通過html標籤名來選擇元素① 所有的html標籤都可以當做選取器② 無論標籤藏多深都會被選中③ 選擇的是所有的標籤而不是具體某個標籤。所以說我們通過html標籤選取器來設定的都是一些共性問題。

id選取器

① 任何的標籤都可以有id屬性和屬性值(因為id是一個全域屬性)。id命名不能隨意的命名。大小寫敏感 ，id的名字中可以有數字字母底線，但是要以字母開頭。    駝峰命名法 小駝峰命名  大駝峰命名         testHeader 小駝峰  TestHeader 大駝峰         test-header test_header ② 但是id名不能夠重複 

class選取器

① 任何的標籤都可以使用class屬性(class屬性也是一個全域屬性) ② class屬性名稱可以重複使用 ③ 一個class屬性中，可以有多個class屬性值。

=======================

二、綜合選取器

1. 後代選取器 div p
2. 交集選取器 div.d1
3. 並集選取器 div,p
4. 子項目選取器 div>p
5. 序欄選取器 ul li:first-child ul:li:last-child
6. 相鄰兄弟選取器 div + p
7. 普通兄弟選取器 div ~ p

三、繼承和層疊1. 繼承

父元素的某些css屬性會被子項目無條件的繼承過去。 關於文字的css屬性都可以進行繼承： color text- line- font-

2. 層疊

層疊解決的是css衝突的問題。

比較權重來解決層疊問題。

!important 能夠把"單獨屬性"的權重變為無限大。 盡量少用。

四、區塊層級元素和行內元素

div 區塊層級元素

span 行內元素

區塊層級元素和行內元素的區別：

1. 行內元素部不能夠設定寬度和高度。行內元素的寬度和高度是標籤內容的寬度和高度。區塊層級元素可以設定寬度和高度。2. 區塊層級元素會獨佔一行。而行內元素卻部能夠獨佔一行，只能和其他的行內元素共用一行。3. 如果區塊層級元素不設定寬度，那麼區塊層級元素會自動的沾滿父元素的全部寬度。

區塊層級元素和行內元素之間的轉換

display: inline block inlin-block

HTML筆記3