四種引入css的方式總結

本文主要為大家分享一篇引入css的四種方式總結，具有很好的參考價值，希望對大家有所幫助。一起跟著小編過來看看吧，希望能幫助大家。

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=&#39;text/css&#39;>
    .font{color:blue;font-size:12px;}
</style>

4.外部導入式：可以在一個HTML檔案中匯入多個樣式表。類似於外部連結式引用

在HTML檔案中head標籤中加入

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

大家學會了嗎？覺得有用的趕快收藏起來吧。

相關推薦：

Dreamweaver網頁製作使用css樣式嵌套方法

設定表格CSS樣式需要注意什麼

用CSS樣式產生搜尋、購物車等圖示樣式

以上是四種引入css的方式總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！