css引入html的方法

發布時間：2020-05-15 17:36:31 來源：億速云閱讀：393 作者：Leah 欄目：web開發

css怎么引入html頁面？剛入門編程的新手可能不太了解，今天小編為了讓大家更加了解css引入html的方法，給大家總結了四種引入方式，跟隨小編一起來看看吧。

CSS的四種引入方式分別是：行內樣式、內嵌樣式、鏈接樣式和導入樣式。

1、行內樣式

最直接最簡單的一種，直接對HTML標簽使用style=""，例如：

<p style="color:#F00; "></p>

缺點：HTML頁面不純凈，文件體積大，不利于蜘蛛爬行，后期維護不方便。

2、內嵌樣式

內嵌樣式就是將CSS代碼寫在<head></head>之間，并且用<style></style>進行聲明，例如：

<style type="text/css">
body,div,a,img,p{margin:0; padding:0;}
</style>

優缺點：頁面使用公共CSS代碼，也是每個頁面都要定義的，如果一個網站有很多頁面，每個文件都會變大，后期維護難度也大，如果文件很少，CSS代碼也不多，這種樣式還是很不錯的。

3、鏈接樣式

鏈接樣式是使用頻率最高，最實用的樣式，只需要在<head></head>之間加上<link…/>就可以了，如下：

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

優缺點：實現了頁面框架代碼與表現CSS代碼的完全分離，使得前期制作和后期維護都十分方便

4、導入樣式（不建議使用）

導入樣式和鏈接樣式比較相似，采用@import樣式導入CSS樣式表，在HTML初始化時，會被導入到HTML或者CSS文件中，成為文件的一部分，類似第二種內嵌樣式。

@import在html中使用，如下：

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

@import在CSS中使用，如下：

@import url(style.css);

以上就是CSS的四種引入方式，內容較為全面，小編相信有部分知識點可能是我們日常工作可能會見到或用到的。希望你能通過這篇文章學到更多知識。

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本