在Web設計中，CSS是一種非常重要的樣式語言，可以幫助開發者添加樣式、布局和交互效果。在實際的開發中，我們經常會引入CSS樣式，本文將介紹四種常用的CSS引入樣式方法：
1.內聯樣式
<p style="color:red; font-size:16px;">這是一個內聯樣式的段落</p>
內聯樣式是將CSS代碼直接寫在HTML標簽中的一種方式。這種方式簡單、直接，但是不方便維護。如果需要修改樣式，必須到HTML元素中去修改，工作量較大，因此不推薦在大型項目中使用。
2.內部樣式表
<head>
<style>
p {{
color:red;
font-size:16px;
}}
</style>
</head>
<body>
<p>這是一個內部樣式表的段落</p>
</body>內部樣式表是將CSS代碼寫在HTML文件的頭部，使用<style>標簽進行包裹。這種方法會將頁面的樣式集中管理，易于維護。但是如果頁面中需要引入多個CSS文件，內部樣式表也會變得復雜難以維護。
3.外部樣式表
<head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一個外部樣式表的段落</p> </body>
外部樣式表是將CSS代碼寫在一個獨立的文件中，使用<link>標簽引入到HTML文件中。這種方式可以實現樣式和內容的分離，易于維護多個頁面的樣式。缺點是需要額外發送一次HTTP請求，對于網站性能有一定的影響。
4.導入樣式表
<head>
<style>
@import url('style.css');
</style>
</head>
<body>
<p>這是一個導入樣式表的段落</p>
</body>導入樣式表也是將CSS代碼寫在一個獨立的文件中，但是使用的是樣式表語法，即使用@import導入到HTML文件中。這種方式可以實現樣式和內容的分離，易于維護多個頁面的樣式，與外部樣式表類似。缺點也是需要額外發送一次HTTP請求，對于網站性能有一定的影響。