CSS是前端開發中至關重要的一項技能。在使用CSS的過程中，有五種引入樣式的方式，本文將為大家詳細介紹。
1. 行內樣式
<div style="color:red;font-size:20px;">這是一個行內樣式的div</div>
行內樣式的特點是寫在HTML標簽中間，優點是方便快捷，但是不方便維護，而且存在樣式覆蓋問題。
2. 內部樣式表
<head>
<style type="text/css">
p{
color:blue;
font-size:16px;
}
</style>
</head>
<body>
<p>這是一個內部樣式表的段落</p>
</body>內部樣式表是寫在head標簽中，樣式作用于整個頁面。優點是方便維護，但是仍存在樣式覆蓋問題。
3. 外部樣式表
<head> <link rel="stylesheet" type="text/css" href="main.css"/> </head>
外部樣式表是將樣式文件單獨保存為一個CSS文件，通過link標簽引入。優點是使HTML文件結構更清晰，方便維護，同時也可以方便地將同一樣式應用于多個頁面上。
4. 導入樣式
<head>
<style type="text/css">
@import url("main.css");
</style>
</head>導入樣式也是將CSS文件單獨保存，但是通過@import指令導入。該方式與外部樣式表類似，但實際使用中存在效率問題。
5. 瀏覽器默認樣式
瀏覽器默認樣式是在沒有設置任何樣式時，頁面元素會應用瀏覽器的默認樣式，包括字體、顏色等等。為了保持瀏覽器之間頁面顯示的一致性，一些前端框架如Bootstrap、Materialize等都會有自己的默認樣式。
上一篇css中div怎么居中