css基礎知識總結

一.權重的比較：

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

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

二.元素的居中

   1.居中：

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

 

3、容器標籤、文本標籤、塊級元素、行內元素

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(行內塊，既能夠並排顯示又能夠設置寬高)