1.內聯式引用：直接用在標簽上，但維護成本高

style='font-size:16px;color:#000000'

2.外部連接式引用：css代碼與html代碼分離，便于代碼重復使用

<link href="css/style.css" type="text/css" rel="stylesheet" />

style.css文件內容如右：

.font{color:blue;font-size:12px;}

3.內部式引用：頁面較為清晰，但不能被別的頁面使用

<style type='text/css'>.font{color:blue;font-size:12px;}
</style>

4.外部導入式：可以在一個HTML文件中導入多個樣式表。類似于外部鏈接式引用
?? ?在HTML文件中head標簽中加入

<style type='text/css'>@import url('./style/style.css');
</style>

?

轉載于:https://www.cnblogs.com/smart-hwt/p/8143606.html

總結

以上是生活随笔為你收集整理的引入css的四种方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。