css中@import使用常用的方法有哪些

發(fā)布時(shí)間：2022-03-07 11:24:31 來(lái)源：億速云閱讀：142 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要介紹了css中@import使用常用的方法有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

第一種：html源代碼（html文件里）直接引入內(nèi)部格式表CSS文件

html文件index.html代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>import使用實(shí)例 www.CSS5.com </title>
<style>
@import url(images/style.css);
</style>
</head>
<body>
<span class="wai">CSS5實(shí)例測(cè)試內(nèi)容</span>
</body>
</html>

images文件夾里style.css文件代碼：

@charset "utf-8";
/* CSS5 - css5.com.cn */
.wai{ color:#F00}

造詣：

css中@import使用常用的方法有哪些
使用@import獲勝引入內(nèi)部CSS文件

以上籠統(tǒng)看見(jiàn)在HTML代碼中使用@import是需要使用style標(biāo)簽。

小結(jié)：要在HTML源代碼直接應(yīng)用@import引入外部CSS花樣表文件，須要將@import放入<style>標(biāo)簽威力得勝，就像HTML直接寫(xiě)CSS代碼也需要style標(biāo)簽。

第二種：CSS文件代碼中運(yùn)用@import引入此外一個(gè)CSS文件

除了HTML源代碼中使用style標(biāo)簽來(lái)運(yùn)用@import，在CSS文件代碼中依舊可以或許使用@import，這個(gè)時(shí)候就不須要style標(biāo)簽，而是直接應(yīng)用@import就可，這樣便可實(shí)現(xiàn)一個(gè)（多個(gè)）CSS文件中引入套入別的一個(gè)（多個(gè)）CSS文件。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css中@import使用常用的方法有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

css中@import使用常用的方法有哪些

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽