CSS是一種用于樣式設(shè)計(jì)的語(yǔ)言。在任何一個(gè)可視化的網(wǎng)站或應(yīng)用程序中，CSS都是必不可少的一部分。CSS有四種主要的使用方式，分別是：內(nèi)聯(lián)樣式，內(nèi)部樣式，外部樣式和導(dǎo)入樣式表。
內(nèi)聯(lián)樣式是指將CSS樣式寫在HTML標(biāo)簽的style屬性中。這種方法是最基本的，也是最不推薦的一種方式。因?yàn)閮?nèi)聯(lián)樣式使得HTML與CSS混雜在一起，對(duì)文檔結(jié)構(gòu)和可維護(hù)性造成極大的影響。當(dāng)需要改變樣式時(shí)，需要重新修改HTML代碼，這樣的工作量非常大。
<p style="color:red;font-size:16px">這是一個(gè)內(nèi)聯(lián)樣式的段落。</p>內(nèi)部樣式是指將CSS代碼寫在HTML文檔的頭部，用style標(biāo)簽包裹。這種方式可以將樣式和文檔結(jié)構(gòu)分離開來(lái)，代碼易于維護(hù)。但是，如果頭部有多個(gè)style標(biāo)簽，代碼可能會(huì)冗長(zhǎng)且難以閱讀。
<head>
<style>
p {
color: red;
font-size: 16px;
}
</style>
</head>外部樣式是指將CSS代碼寫在外部樣式表中，然后在HTML文檔的頭部以link標(biāo)簽的形式引入。這種方式是最為推薦的一種方式，因?yàn)樗褂昧丝蚣芎湍０宓乃枷耄瑢邮皆O(shè)計(jì)和頁(yè)面內(nèi)容分離開來(lái)，使得代碼易于維護(hù)和重用。<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>導(dǎo)入樣式表是指在外部樣式表中使用@import語(yǔ)句引入另一個(gè)CSS文件。這種方式可以使CSS模塊化，類似于編寫JavaScript模塊時(shí)的import語(yǔ)法。但是這種方式容易造成HTTP請(qǐng)求的增加，影響網(wǎng)站的性能。
/* style.css */
@import url("reset.css");
p {
color: red;
font-size: 16px;
}綜上所述，使用外部樣式表是最為推薦的一種方式，它充分利用了CSS的模塊化特性，使得網(wǎng)頁(yè)代碼更具可維護(hù)性、可擴(kuò)展性和可重用性。