CSS是一種用于樣式設計的語言。在任何一個可視化的網站或應用程序中，CSS都是必不可少的一部分。CSS有四種主要的使用方式，分別是：內聯樣式，內部樣式，外部樣式和導入樣式表。
內聯樣式是指將CSS樣式寫在HTML標簽的style屬性中。這種方法是最基本的，也是最不推薦的一種方式。因為內聯樣式使得HTML與CSS混雜在一起，對文檔結構和可維護性造成極大的影響。當需要改變樣式時，需要重新修改HTML代碼，這樣的工作量非常大。
<p style="color:red;font-size:16px">這是一個內聯樣式的段落。</p>內部樣式是指將CSS代碼寫在HTML文檔的頭部，用style標簽包裹。這種方式可以將樣式和文檔結構分離開來，代碼易于維護。但是，如果頭部有多個style標簽，代碼可能會冗長且難以閱讀。
<head>
<style>
p {
color: red;
font-size: 16px;
}
</style>
</head>外部樣式是指將CSS代碼寫在外部樣式表中，然后在HTML文檔的頭部以link標簽的形式引入。這種方式是最為推薦的一種方式，因為它使用了框架和模板的思想，將樣式設計和頁面內容分離開來，使得代碼易于維護和重用。<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>導入樣式表是指在外部樣式表中使用@import語句引入另一個CSS文件。這種方式可以使CSS模塊化，類似于編寫JavaScript模塊時的import語法。但是這種方式容易造成HTTP請求的增加，影響網站的性能。
/* style.css */
@import url("reset.css");
p {
color: red;
font-size: 16px;
}綜上所述，使用外部樣式表是最為推薦的一種方式，它充分利用了CSS的模塊化特性，使得網頁代碼更具可維護性、可擴展性和可重用性。下一篇css四個邊框都有陰影