1、CSS是網(wǎng)頁的美容師

沒有不好看的頁面，只有不會用CSS的前端

2、CSS語法規(guī)則

層疊樣式表Cascading Style Sheets
h1 選擇器 { color:red; 屬性:值;}
<style type="text/css"> p {color: red; font-size: 25px;}</style>

3、font-size:字號大小

em相對于當前對象內(nèi)文本的字體尺寸
px 像素、最常見、推薦使用
in 英寸 cm 厘米 mm毫米 pt 點

3.1、font-family:字體

瀏覽器默認宋體，"漢字"

1. 現(xiàn)在網(wǎng)頁中普遍使用14px
2. 盡量使用偶數(shù)的數(shù)字字號，ie6等老式瀏覽器支持奇數(shù)會有bug
3. 各個英文字母之間用逗號隔開，p{font-family: "Microsoft Yahei",tahoma,arial;}
4. 中文字體需要加英文狀態(tài)下的引號，英文字體一般不需要加引號，當需要設(shè)置英文字體時，英文字體名必須位于中文字體名之前。
5. 如果字體名中包含空格，#$等符號，則該字體必須加英文狀態(tài)下的單引號或雙引號，例如font-family: "Times New Roman";
6. 盡量使用系統(tǒng)默認字體，保證在任何用戶的瀏覽器中都能正確顯示

3.2、CSS Unicode字體

不需要記憶，需要時查表就行
escape("字體名")方法可以轉(zhuǎn)換出Unicode字體編碼

3.3、font-weight:字體

font-weight:bold; font-weight:700;效果一樣推薦用數(shù)字的
normal 正常字體 400 bold 粗體 700
讓strong字體不加粗strong{ font-weight: normal;}

3.4、font-style:字體風格

normal正常 italic斜體
em 也可以傾斜

3.5、font 連寫綜合設(shè)定

按順序書寫,屬性之間用空格隔開
{ font: style weight size/line-height family; }
size family 這兩個必須要寫

4、開發(fā)者工具Chrome

Ctrl+Shift+i
Ctrl+Shift+c