一.內(nèi)嵌樣式表
在HTML的<head>標(biāo)簽中的<style>標(biāo)簽中添加css樣式，使用內(nèi)嵌樣式表定義的 CSS 樣式只能在當(dāng)前網(wǎng)頁內(nèi)使用。?
<!DOCTYPE html>
<html>
<head>
<title>內(nèi)嵌樣式</title>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>樣式</h1>
</body>
</html>因為內(nèi)嵌樣式表需要將 CSS 樣式定義在 HTML 文檔的內(nèi)部，所以會導(dǎo)致文檔的體積變大，而且當(dāng)有其它文檔也需要使用內(nèi)嵌樣式表中同樣的樣式時，無法引入到其他文檔，必須在其它文檔中重新定義，會導(dǎo)致代碼冗余，不利于后期維護(hù)。
二.內(nèi)聯(lián)樣式
內(nèi)聯(lián)樣式就是將樣式信息直接定義在 HTML 標(biāo)簽的 style 屬性中，由于內(nèi)聯(lián)樣式定義在標(biāo)簽內(nèi)部，所以它只對所在的標(biāo)簽有效。?
<!DOCTYPE html>
<html>
<head>
<title>內(nèi)聯(lián)式</title>
</head>
<body>
<h1 style="color: maroon; margin-left: 40px">內(nèi)聯(lián)式</h1>
</body>
</html>內(nèi)聯(lián)樣式雖然可以很方便的為 HTML 標(biāo)簽賦予 CSS 樣式，但它的缺點也非常明顯，不推薦過多使用。
- 定義內(nèi)聯(lián)樣式需要在每個 HTML 標(biāo)簽中定義 style 屬性，很不方便；
- 在內(nèi)聯(lián)樣式中使用雙引號或單引號時要特別小心，因為 HTML 標(biāo)簽的屬性通常都會使用雙引號來包裹屬性的值，例如<input type="text">；
- 在內(nèi)聯(lián)樣式中定義的樣式不能再其它任何地方重用；
- 內(nèi)聯(lián)樣式在后期維護(hù)時很不方便，因為一個網(wǎng)站通常有很多頁面組成，當(dāng)修改頁面樣式時需要對頁面逐個修改；
- 添加過多的內(nèi)聯(lián)樣式會導(dǎo)致 HTML 文檔的體積增大。
三.外部樣式表?
外部樣式表是最常見也是最推薦的引用 CSS 的方式，您只需要將 CSS 樣式定義在一個 .css 格式的文件中，然后使用 HTML 的<link>標(biāo)簽將這個 .css 格式的樣式文件應(yīng)用到 HTML 文檔中。
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>外部樣式表</h1>
</body>
</html>因為 CSS 樣式定義在單獨的 .css 格式的文件中，所以可以在多個頁面之間引用，若要修改網(wǎng)頁的樣式，只需要修改這個 CSS 樣式文件即可，很方便。
四.導(dǎo)入樣式表?
您同樣可以使用@import來引用外部樣式表，這一點與使用<link>標(biāo)簽比較相似。創(chuàng)建一個總的先style.css，將所有的樣式先導(dǎo)入style.css。?
HTML:?
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>外部樣式表</h1>
</body>
</html>?style.css:
@import "1.css";
@import "2.css";
@import "3.css";
@import "4.css";css:(1到4的css相同，都是添加樣式)文章來源：http://www.zghlxwxcb.cn/news/detail-788186.html
.top1{
list-style-type: none;
margin: 0;
padding: 0;
}?文章來源地址http://www.zghlxwxcb.cn/news/detail-788186.html
到了這里，關(guān)于HTML引入css文件（四種方法）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
