均為外部引用css檔案：
"stylesheet" href=
"xx.css" type=
"text/css"
@import
url(
'xx.css'
)
（2）頁面被載入的時，link會同時被載入，而@import引用的css會等到頁面被載入完再載入；
（3）link是html標籤，無相容問題;而import只在ie5以上才能識別；
（4）link方式的樣式的權重 高於@import的權重。
盒模型：本質上是乙個盒子，用來封裝周圍的html元素。它包括：邊距（margin），邊框（border），填充（padding），和實際內容（content）。
選擇器名稱
描述e f包含選擇器
選擇所有包含在e元素裡面的f元素
e>f子選擇器
選擇所有作為e元素的子元素f，不包括孫元素
e+f相鄰選擇器
選擇緊貼在e元素之後的f元素
e~f兄弟選擇器
選擇e元素所有兄弟元素f，不一定是緊鄰的值作用
inline（行內元素）
與其他元素共享一行，滿了換行顯示；
不能更改width和height，大小高度由內容撐開；
padding上下左右均有效，margin左右有效，上下無效。
block（塊級元素）
元素內容獨佔一行；
可以修改width和height；
padding和margin上下左右均有效。
inline-block（融合行內與塊級元素）
可以與其他元素共享一行；
可以修改width和height；
padding和margin上下左右均有效。
table
塊元素級的**。
（1）display：none，不會佔原來的位置，會影響頁面的布局，相當於把元素刪除掉。
（2） visibility：hidden，仍然占有原來的位置，不會影響頁面的布局，也不會觸發該元素繫結的事件。
（1）em：相對于父元素的font-size
（2）rem：相對於根元素（html）的font-size
注意：1rem=16px
（1）margin均為正值：取較大值。
（2）margin均為負值：取絕對值中的較大值。
（3）margin有正有負：取兩者的相加的和。
（1）優雅降級【向下相容】：一開始就構建站點的完整功能，然後針對低版本的瀏覽器進行測試和修復。
（2）漸進增強【向上相容】：針對低版本的瀏覽器構建頁面，以保證最基本的功能實現；接著根據高版本的瀏覽器進行互動、效果，追加功能以達到更好的體驗。
CSS 知識點整理
本文是我整理的關於css的部分基礎知識點，適合正在準備前端工作面試的人做簡單回顧。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。利用css我們可以擺脫html標籤歸類的限制，自由地在不同標籤 元素上應用我們需要的屬性。主要用的css樣式有以下三個 pos...
CSS常見知識點整理
position的值 水平居中塊級元素 如 div 可以使用 margin auto css組合選擇符包括各種簡單選擇符的組合方式。在 css3 中包含了四種組合方式 ps 從外部載入樣式表 內聯元素的特點 1.和其他的元素顯示在一行上 2.內邊距和外邊距 高度，寬度都是不可改變的，他的寬度是根據他...
CSS 知識點整理1
css提供了一種分層設計的思想，html提供具體的內容，而css對內容進行編輯，排版，更加方便管理。一 css選擇器元素選擇器紅色 c1 藍色 c2 綠色紅色 c1 藍色 c2 綠色二 元素尺寸大小設定html，body 獲取瀏覽器的定高。子元素的父元素是body，body的父元素是html，通過設...