一、CSS基礎概念
CSS有兩個重要的概念，分別是樣式和佈局
CSS的樣式分爲兩種：一種是文字的樣式，一種是盒模型的樣式
CSS的輔助頁面佈局：完成HTML不能完成的功能，比如並排顯示，比如精確定位顯示
從HTML4.0開始，結構層和樣式層進行了分離
前端三層：
結構層：HTML作用是從語義的角度講進行網頁結構的搭建
樣式層：CSS作用從美觀的角度講修飾頁面樣式
交互層：JavaScript作用從交互的角度講描述頁面的行爲
二、CSS常用屬性的學習
CSS常用的文字屬性有三個：color、font-size、font-family
CSS的屬性樣式發生了改變由HTML的 k="v" 變爲了k:v;
1、文字顏色
屬性名：color
基本使用
<p style="color:blue;">This is a test file.</p>
<!-- 以藍色爲準 --> <!-- rgb顏色表示法 --> <p style="color:rgb(0,0,225);">看我是什麼顏色</p> <!-- 十六進制顏色表示法 --> <p style="color:#0000FF;">看我是什麼顏色</p>
2、字號
屬性：font-size
屬性值：常用的是以px爲單位的數字值
根據瀏覽器的不同，有默認不同的字號大小，比如Chrome和ie默認就是16px的文字
每個瀏覽器都有自己最小的顯示像素，比如Chrome最小字號爲8px，ie瀏覽器最小字號是1px
<p style="font-size:18px;">我是18px字號</p> <p style="font-size:8px;">我是8px字號</p>
3、字體
屬性：font-family
屬性值：必須以雙引號包裹，屬性值可以有多個，使用逗號分隔開
中文字體的常用字體屬性值：微軟雅黑、宋體
英文常用字體屬性值：Arial、consolas
實際的字體屬性是根據設計圖獲取
大多數瀏覽器默認顯示字體是微軟雅黑
如果頁面中有中文化混合的，需要同時設置對應的字體
如果設置多個字體，使用逗號隔開，如果瀏覽器不識別前面的字體，會自動向後識別，中英文會分別進行加載
<p style="font-family: 'Arial','consolas','黑體','宋體'">看我的字體是什麼blue,yellow</p>
