css基礎知識總結

標籤：理解   文本   line   height   行內元素   add   lin   寬度   置中   

一.權重的比較：

1.元素被選中： ID選取器>類別選取器>標籤選取器

2.元素未選中：誰離目標近選誰

二.元素的置中

   1.置中：

文本置中	水平置中	單行/多行 屬性：text-align:center
	垂直置中	單行文本：line-height=height(設定行高等於個高) 多行文本：不設定高度，同時設定上下相等的padding
盒子置中	水平置中	屬性：margin：0 auto;
	垂直置中	不設定父盒子高度，同時設定上下相等的padding

 

三、容器標籤、文字標籤、區塊層級元素、行內元素

1.容器標籤：簡單理解為可以嵌套其他所有標籤的容器

  例如：div table ul ol li h dt dd 等

2.文本級標籤：只能嵌套文本/圖片/超連結的標籤

   例如： span p img a 等

3.區塊層級元素：所有的容器級標籤都是區塊層級元素（p也是區塊層級元素）

  例如：p,h1-h6,div,dl,ul,ol,li 等

4.行內元素：所有的文本級標籤都是行內元素（p除外）

 例如：span p img a  input b u i 等

5.區塊層級元素特點：

l 獨佔一行

l 可以設定寬高

l 如果不設定寬度，子盒子自動盛滿父盒子的內容地區。（width是盒子屬性不能繼承）

 

行內元素特點：

l 行內元素並排顯示

l 行內元素不能設定寬高

l 行內元素大小是內容撐開的。

6.區塊層級元素和行內元素的轉換 

display:顯示模式

block(行內元素轉為區塊層級元素，塊級有什麼特性，那麼這個元素就有什麼特性)

inline(區塊層級元素轉為行內元素)

inline-block(行內塊，既可以並排顯示又可以設定寬高)

css基礎知識總結