學習思路
CSS是什麼
怎麼去用CSS（快速上手）
CSS選擇器（難點也是重點）
網頁美化（文字，陰影，超連結，清單，漸變等）
盒子模型
浮動
定位
網頁動畫（特效效果）
項目格式：
Cascading Style Sheet 層疊級聯樣式表
CSS： 表現（美化網頁）
字型，顔色，邊距，高度，寬度，背景圖檔，網頁定位，網頁浮動...
CSS1.0
CSS2.0 新增 div（塊）+CSS，HTML與CSS結構分離的思想
CSS2.1 新增浮動定位
CSS3.0 新增圓角，陰影，動畫... 要考慮浏覽器相容性
建議寫成html css分離模式，但是有時為了友善，也可以寫到一起
css優勢：
内容和變現分離
網頁結構表現統一，可以實作複用
樣式十分豐富
建議使用獨立于html的css檔案
利用SEO,容易被搜尋引擎收錄
作用：選擇頁面上的某一個或者某一類元素
優先級 id>class>标簽選擇器
1.後代選擇器：在某個元素的後面
2.子選擇器
3.相鄰兄弟選擇器
4.通用選擇器
5.所有案例代碼
僞類： 條件
id+class結合
有效的傳遞頁面資訊
美化網頁，頁面美觀漂亮，才能吸引使用者
凸顯頁面的主題
提高使用者的體驗
span标簽：重點要突出的字，用span标簽
繁瑣寫法，适合新手
margin： 外邊距
padding： 内邊距
border ：邊框
邊框粗細
邊框的樣式
邊框的顔色
盒子的計算方式：這個元素到底有多大？
margin+border+padding+内容寬度
圓圈
半圓
還有些基礎知識未寫在部落格中，明天會更新，同時demo連結也會分享給大家