一、認識CSS樣式
CSS全稱為“層疊樣式表 (Cascading Style Sheets)”，它主要是用於定義HTML內容在瀏覽器內的顯示樣式，如文字大小、顏色、字型加粗等。

如下列程式碼：

<style type="text/css">
p{
   font-size:20px;/*設定文字字號*/
   color:red;/*設定文字顏色*/
   font-weight:bold;/*設定字型加粗*/
}
</style>

使用CSS樣式的一個好處是通過定義某個樣式，可以讓不同網頁位置的文字有著統一的字型、字號或者顏色等。

二、CSS樣式的優勢
如果想把一段文字中的某幾個短語設定位紅色，就可以通過設定CSS樣式來設定，而且只需要一條CSS樣式語句。

1. 把需要設定的短語用<span></span>括起來。
2. 寫入一下程式碼：

<style type="text/css">
    span{
            color:blue;
            font-size:20px;
            font-weight:bold;
        }
</style>

三、CSS程式碼語法
CSS樣式由選擇符和宣告組成，而宣告又有屬性和值組成。如下圖：

選擇符：又稱選擇器，指明網頁中要應用樣式規則的元素，如下：網頁中所有的段（p）的文字將變成藍色，而其他的元素（如ol）不會受到影響。
宣告：

p{
    font-size:12px;
    color:red;
}

四、CSS註釋程式碼
就像在Html的註釋一樣，在CSS中也有註釋語句：用/*註釋語句*/來標明（Html中使用<!--註釋語句-->)。就像下面程式碼：

<style type="text/css">
    /*設定段落預設格式*/
    p{
        font-size:12px;/*設定字型大小*/
        color:red;/*設定字型顏色*/
    }
 

</style>