樣式使用分類：
1.行內式(Inlin Style)排版樣式：(直接定義在原有的html標籤內)
與HTML標籤控制方式類似，影響範圍僅限被涵蓋的區段；同行中用(;)，可加入不同參數(樣式名稱:設定值)；不同頁中，也可依須要設定不同排版樣式。
標籤架構：
<tag style="property:value">Document</tage>
<標籤 樣式宣告="樣式名稱:設定值">文件</標籤>
範例：
<font style="font-size: 25pt;color:green">網頁研習室</font>
結果： 網頁研習室
2.內崁式(Embedding Style)排版樣式：(定義在HEAD標籤內)
排版樣式須放於<head>與</head>當中，並被<style type="text/css">..</style>宣告所包覆起來，如果要套用到很多個標籤的話，只要用逗號 , 分開就可以了；然後在<body>..</body>內，將預被定義文件以<各控制標籤名稱>..</標籤>來包覆起來。
標籤架構：
(1)依附標籤
<style type="text/css">
h2 {CSS語法}
td,p {CSS語法}
</style>
只要在<body>...</body>間使用到<h2>、<td>、<p>這些標籤，將自動被套用。
【請看範例&結果】
(2)先給名字再呼叫
<style type="text/css">
.type1 {CSS語法}
.type2 {CSS語法}
</style>
因已經設定命名為type1 OR type2(自訂任取)，所以想套用的時候，就用class呼叫它
所以只要在<body>...</body>間，使用<font class="設定命名">...</font>標籤內的文件，將會套用到type1 OR type2的設定。
【請看範例&結果01】【請看範例&結果02】
(3)先給名字再呼叫(id)
<style type="text/css">
#case1 {CSS語法}
#case2 {CSS語法}
</style>
因已經設定命名為.#case1 OR .#case2，要套用的時候，可用id呼叫它。
所以只要在<body>...</body>間，使用<font id="設定命名">...</font>標籤內的文件，將會套用到.#case1 OR .#case2的設定(大多用來絕對定位網頁中的物件，以井字號開始，每個只能定義一次)。
(2) & (3)可相互結合使用
【請看範例&結果】
3.連結式(Linking Style)排版樣式：(定義直接寫在外部檔案內)
按前面介紹的[內崁式(Embedding Style)排版樣式]方法，不需要加<style type="text/css"></style>標籤，將CSS語法存為副檔名.css，當我們要呼叫它時，只要在<head>與</head>當中加入<link rel="stylesheet" type="text/css" href="links.css>便可 <鏈結 相關語="樣式宣告" 型態="文字/串接式排版樣本" 超鏈結="檔案位置與名稱.css">
【請看範例&結果】 |
字體：小 中 大
內崁式
