* **漸進增強 progressive enhancement：**
針對低版本瀏覽器進行構建頁面，保證最基本的功能，然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。
* **優雅降級 graceful degradation：**
一開始就構建完整的功能，然后再針對低版本瀏覽器進行兼容。
區別：漸進增強是向上兼容，優雅降級是向下兼容。
個人建議： 現在互聯網發展很快， 連微軟公司都拋棄了ie瀏覽器，轉而支持 edge這樣的高版本瀏覽器，我們很多情況下沒有必要再時刻想著低版本瀏覽器了，而是一開始就構建完整的效果，根據實際情況，修補低版本瀏覽器問題。
為了做到兼容低版本瀏覽器和高版本瀏覽器，可以在屬性名前增加瀏覽器的前綴：
| 瀏覽器前綴 | 瀏覽器 |
| --- | --- |
| \-webkit- | Google Chrome, Safari, Android Browser |
| \-moz- | Firefox |
| \-o- | Opera |
| \-ms- | Internet Explorer, Edge |
| \-khtml- | Konqueror |
- 0 學前必讀
- CSS是什么？
- 如何引用CSS
- 內聯樣式表
- 行內式
- 外部樣式表
- 三種引用方式的比較
- CSS語法規范
- 選擇器
- 基礎選擇器
- 復合選擇器
- CSS注釋
- 字體樣式font屬性
- 標簽顯示模式display屬性
- 塊級元素
- 行內元素
- 行內塊元素
- 三種顯示模式的轉換
- 行高line-height屬性
- CSS三大特性
- 背景background屬性
- 盒子模型
- 邊框border
- 內邊距padding
- 外邊距margin
- 外邊距的合并
- content的高度和寬度
- 盒子模型布局的穩定性
- 圓角邊框border-radius
- 盒子陰影box-shadow
- 浮動float
- 普通流
- 浮動float
- 版心和布局
- 布局流程
- 常見布局方式
- 清除浮動
- 定位postion
- 定位屬性
- 疊放次序z-index
- 元素的顯示與隱藏
- 用戶界面樣式
- 溢出的文字隱藏
- CSS精靈技術
- 什么是精靈技術？
- 精靈技術的使用
- 滑動門
- web字體
- 字體圖標
- icon圖標
- BFC
- 優雅降級和漸進增強
- HTML5新增的元素和特性
- CSS3盒模型
- 過渡、變形、動畫
- 彈性布局
- 對齊
- 網站優化三大標簽