CSS基礎【更新中】

一 前言

關鍵詞：前端必知必會、css基礎、前端面試
適用用人羣：對CSS有簡單瞭解的新手、準備面試的前端或做爲前端人員平常參考手冊

使用CSS的優點：
（1）視覺效果的命令集中在一個方便的位置
（2）建立一個樣式表能夠應用到多個頁面
（3）有助於儘量的縮減文檔大小，大大減小文檔下載時間

二 正文

1.替換元素與非替換元素

替換元素：
是指用來替換元素內容的部分並不是由文檔內容直接表示。如img元素，它由文檔自己以外的一個圖像文件來替換。
舉例：img input
非替換元素：
非替換元素其內容由用戶代理（一般是瀏覽器）在元素自己生成的框中顯示。
舉例：div p a ul等

2.行內元素與塊級元素

行內元素
概念：行內元素在一個文本行內生成元素框，而不打斷這行文本。
特色：【待補充】
例如:a span

塊級元素
概念：它會生成一個元素框，（默認地）它會填充父元素的內容區（width:100%），旁邊不能有其餘元素。
特色：【待補充】
例如:div p ul li

轉換

display: block | inline | inline-block |flex ...

3.@import

概念：css文件中用於web瀏覽器加載一個外部樣式表，它必須放在其餘規則以前才起做用。
帶來的問題：【】

4.選擇器

MSDN CSS 選擇器

選擇器優先級
！important（Infinit）>行間樣式（1000）>id（100）>class|屬性|僞類（10）>標籤選擇器|僞元素（1）>通配符（0）

ID選擇器仍是雷選擇器？
（1）能夠爲任意多個元素指定相同的類，可是ID選擇器只會使用一次
（2）ID選擇器不能結合使用，不容許以空格分隔的詞列表
（3）若是你想肯定應當向一個給定元素應用哪些樣式，ID能包含更多含義（惟一，能夠作位置標識）
僞類元素使用順序
考慮樣式層疊（特權值相同的時候後面的樣式會覆蓋前面的）：

L(link)V(visited)H(hove)A(active)

::before與::after
【待補充】

三 後記

css相關其餘參考
css進階指南