外聯式樣式（屬於外部樣式表）
特征：
1、有壹個單獨的CSS文件存在！[如：001.css]
2、首先，通過格式→樣式表連接與CSS文件[001.css]建立連接！
3、在合適的地方使用 class="樣式名" 調用具體的樣式效果！
如：<link href="001.css" type="text/css" rel="Stylesheet"/>
嵌入式樣式（屬於內部樣式表）
特征：
1、樣式的屬性內容以代碼的形式[放在 ]寫在網頁代碼中！
2、首先，通過格式→樣式設置樣式的屬性內容！
3、在合適的地方使用 class="樣式名" 調用具體的樣式效果！
如： <style type="text/css">
.main{ width:1002px; margin:0 auto;}
</style>
內聯式樣式（屬於內部樣式表）
特征：
1、樣式的屬性內容直接跟在將要修飾的文字標記裏[如：
2、具體格式： style="font-size:10px;font-color:#ff0000"
例如：修飾單元格裏的文字
3. 嵌入式
最初級的 CSS 寫法即把代碼直接添加於所修飾的標記元素。示例代碼如下：
<div style="font-family:Arial,Helvetica,sans-serif;">芒果</div>
這樣做雖然更為直觀，但很大程度上加大了頁面體積，不符合結構與表現分離的設計思想。
總體而言，外聯和內聯各有優點，可綜合實際情況選擇適合的級聯方式。
擴展資料：
編程工具
記事本：使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時，以.html為後綴名進行保存即可。
Dreamweaver：它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁制作和管理網站於壹身的所見即所得網頁編輯器，它是第壹套針對專業網頁設計師特別開發的視覺化網頁開發工具，利用它可以輕而易舉地制作出充滿動感的網頁。
語言特點
CSS為HTML標記語言提供了壹種樣式描述，定義了其中元素的顯示方式。CSS在Web設計領域是壹個突破。利用它可以實現修改壹個小的樣式更新與之相關的所有頁面元素。
總體來說，CSS具有以下特點：
豐富的樣式定義
CSS提供了豐富的文檔樣式外觀，以及設置文本和背景屬性的能力；允許為任何元素創建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
易於使用和修改
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在壹個專門的CSS文件中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統壹存放，進行統壹管理。
另外，可以將相同樣式的元素進行歸類，使用同壹個樣式進行定義，也可以將某個樣式應用到所有同名的HTML標簽中，也可以將壹個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式聲明進行修改。
多頁面應用
CSS樣式表可以單獨存放在壹個CSS文件中，這樣我們就可以在多個頁面中使用同壹個CSS樣式表。CSS樣式表理論上不屬於任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統壹。
層疊
簡單的說，層疊就是對壹個元素多次設置同壹個樣式，這將使用最後壹次設置的屬性值。例如對壹個站點中的多個頁面使用了同壹套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義壹個樣式表應用到頁面中。
這些後來定義的樣式將對前面的樣式設置進行重寫，在瀏覽器中看到的將是最後面設置的樣式效果。
頁面壓縮
在使用HTML定義頁面效果的網站中，往往需要大量或重復的表格和font元素形成各種規格的文字樣式，這樣做的後果就是會產生大量的HTML標簽，從而使頁面文件的大小增加。
而將樣式的聲明單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時使用的時間也會大大的減少。另外，CSS樣式表的復用更大程序的縮減了頁面的體積，減少下載的時間。
參考資料：