需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的<style>標簽中，輸入CSS代碼：a{font-family: 楷體;font-size: 20px;color: orange;}。

3、瀏覽器運行index.html頁面，此時用CSS成功改變了超鏈接的字體、大小、顏色。

CSS3是CSS2的升級版本，3只是版本號，它在CSS2.1 的基礎上增加了很多強大的新功能，目前主瀏覽器 Chorme、Safari、Firefox、Opera、甚至360都已經支持了CSS3大部分功能了，IE10以后也開始全面支持CSS3了。在編寫CSS3樣式時，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規則尚未成為W3C標準的一部分。是瀏覽器的私有屬性雖然目前較新版本的瀏覽器都是不需要前綴的，但為了更好的向前兼容，前綴還是少不了的。

Chrome 和 Safari：-webkit

Firefox：-moz

IE：-ms

Opera：-o

CSS3 把很多以前需要使用的圖片和腳本來實現的效果，甚至動畫效果，現在只需要短短幾行代碼就能搞定。比如：圓角、圖片邊框、文字陰影和盒陰景、漸變、個性化字體、多圖片背景、變形處理（旋轉、縮放、傾斜、移動）、過渡、動畫、多欄布局、媒體查詢等。還有選擇器，簡化了前端開發工作人中山小欖的設計過程，加快頁面載入速度。

1、標簽選擇符： 如p{color:#F00; font-size:36px;}，使用

直接作用

2、類選擇符： 如 .red{color:#C00;}，使用

直接作用

3、ID選擇符： 如 #two{color:#600; font-family:'漢儀行楷簡';}，使用

直接作用

4、包含選擇符： 如 p strong{color:#F00;}，使用

直接作用

5、通配選擇符： 如 *{color:#0C0; font-size:18px;}，可以控制所有的html元素作用范圍很廣，但是效率較低6、選擇符分組： 如p,h1,div{color:#F00;font-size:36px;}，對p,h1,div都有效7、標簽指定式選擇符： 如p#one{ color:#F00;font-size:36px;}，只對id為one的p標簽有效8、組合選擇符： 將所有選擇符類型組合使用

html中的div設置字體大小方法一

我們設置DIV盒子字體大小為12px，在分別標簽內使用style屬性設置css font-size設置字體大小樣式。

1、對應html源代碼片段

<div style="font-size:12px">設置div內字體大小為12px</div>

html中的div設置字體大小方法二

我們通過外部新建CSS選擇器對指定div設置文字大小樣式。