1.認識css
CSS全稱為“層疊樣式表 (Cascading Style Sheets)”，它主要是用于定義HTML內容在瀏覽器內的顯示樣式，如文字大小、顏色、字體加粗等。
如下列代碼：
p{
font-size:12px;
color:red;
font-weight:bold;
}
使用CSS樣式的一個好處是通過定義某個樣式，可以讓不同網頁位置的文字有著統一的字體、字號或者顏色等。
2.css的優勢
為什么使用css樣式來設置網頁的外觀樣式呢？
css樣式表有兩種，一種是內部樣式表，另一種是外部樣式表。
此外還有一種html本身就有的樣式書寫方式叫內聯樣式。
好處是相對而言的，只有比較才能體現出優點。題主沒有表述清楚問的是哪一種同哪一種比較，所以我推測你想問的應該是外部樣式表相對內部樣式表和內聯樣式的優點。
要理解外部樣式表的優點，首先要理解其特點。外部樣式表的特點是：
1，樣式與html分離。
2，一份css樣式可應用于多處html內容。
所以其好處是：
①寫代碼時，重復的樣式代碼只需要寫一份，減少了工作量。
②寫出來的代碼文件更簡潔（便于其它人閱讀），且文件大小也比較小。
③代碼文件傳輸時，能夠節省網絡流量和帶寬。（因為文件更小，且重復的css樣式會被存儲在緩存中）
④代碼文件渲染時，能夠減少渲染時間。（因為文件更小）
⑤后期維護時，能減少維護時的工作量。因為只要修改css樣式表文件，就能夠改變很多網頁，甚至改變整個站點的風格特色。避免了一個個網頁去修改。
3.css代碼語法
css 樣式由選擇符和聲明組成，而聲明又由屬性和值組成，
選擇符：又稱選擇器，指明網頁中要應用樣式規則的元素，
聲明：在英文大括號“｛｝”中的的就是聲明，屬性和值之間用英文冒號“：”分隔。當有多條聲明時，中間可以英文分號“;”分隔，如下所示：
p{font-size:12px;color:red;}
注意：
1、最后一條聲明可以沒有分號，但是為了以后修改方便，一般也加上分號。
2、為了使用樣式更加容易閱讀，可以將每條代碼寫在一個新行內，如下所示：
p{
font-size:12px;
color:red;
}
