從CSS的基本語句就可以看出，屬性是CSS非常重要的部分。熟練掌握了CSS的各種屬性將會是您編輯頁面更加得心應手。下面我們就借助一些實例來講解。
1、 字體屬性
這是最基本的屬性，您經常都會用到。它主要包括以下這些屬性：
光看表格是不是有些難懂，不要緊，我們來看一個用表格中的屬性定義的字體樣式（如下圖）：
第一行只是採用了「font-family」屬性，代碼是這樣的：
<p style=「font-family：lucida console」>hongen</p>
這行代碼定義了「hongen」將以「lucida console」的字體顯示；
第二行font-family為默認值，而是定義了「font-style」屬性為「italic」斜體，代碼如下：
<p style=「font-style：italic」>hongen</p>
第三行font-family為默認值，font-style為「oblique」，另外還定義了「font-weight」屬性為「bold」，「font-size」屬性為24pt（缺省情況下為absolute size絕對大小）代碼如下：
<p style=「font-style：oblique；font-weight：bold；font-size：24pt」>hongen</p>
最後一行只是在第三行定義的基礎上又增添了「font-variant」屬性為「small-caps」（小體大寫），代碼如下：
<p style=「font-style：oblique；font-weight：bold；font-size：24pt； font-variant：small-caps」>hongen</p>
值得注意的是：「font-variant」屬性值「small-caps」在指定的小體大寫字體不存在的時候，CSS將用大寫字母代替所有的小寫字母。
可能您會問：定義一個字體怎麼有那麼長的代碼呢？其實字體屬性中還一個「font」屬性，可以實現簡便定義。我們來看下面這段代碼：
<p style=「font：italic small-caps bold 36pt,GlitzyCurl」>Leaf</p> 此代碼產生的效果是這樣的（如下圖）：
這段代碼定義了「leaf」的字體為GlitzyCurl，並且是斜體、小體大寫、粗體、36號字。這段代碼等同於：
<p style=「font-style：italic；font-variant：small-caps；font-weight： bold；font-size：36pt；font-family：GiltzyCurl」>Leaf</p>
怎麼樣，是不是精簡了許多。
但需要注意的是：如果您用<font>屬性直接定義，一定要注意屬性值的排放順序。 它的排放規則是按照「font-style」、「font-variant」、「font-weight」、「font-size」、「font-family」的順序，其中沒有定義的以默認值顯示。
其實我們習慣上還是不用FONT屬性來統一定義，因為分開來定義的代碼雖然很長，但是看上去很直觀，讓人一看就知道定義的內容是什麼。
說一點遺憾之處吧，就是CSS對中文字體的支持可能不是很好。
