小編給大家分享一下CSS文件中有多少種引入方式，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

CSS引入方式-行內(nèi)式

通過 style這個(gè)標(biāo)簽屬性,將css鍵值對(duì)直接寫入標(biāo)簽內(nèi)

css引入方式-內(nèi)嵌式（嵌入式）

使用style標(biāo)簽將css屬性名和屬性值引入到html頁(yè)面中,通常style標(biāo)簽放置在head標(biāo)簽中。為什么css樣式要放置在head標(biāo)簽中呢,因?yàn)榇a從上到下執(zhí)行,如果先加載結(jié)構(gòu),那么用戶看到的就將是干巴巴的內(nèi)容,而沒有通過美化,而先加載樣式后加載結(jié)構(gòu),就相當(dāng)于孩子出生就是穿著衣服的！

 
     
        p{
             width: 100px;height: 100px;background: red;
         }
     
 

以上代碼描述的也是一個(gè)寬高為100px，背景為紅色的容器，只不過是通過內(nèi)嵌式引入的!

css引入方式之外鏈?zhǔn)?/strong>

通過link標(biāo)簽將獨(dú)立的css文件引入到html頁(yè)面中

rel="stylesheet"描述了當(dāng)前頁(yè)面與href所指定的文檔的關(guān)系，即說明的是href鏈接的文檔是一個(gè)新式表,type="text/css"是指定MINME類型,也就是css文檔。href="./style.css"規(guī)定被鏈接文檔的位置

css引入方式之導(dǎo)入式

     @import url("style.css");

通過@import url引入一個(gè)獨(dú)立的CSS文件,url("style.css")規(guī)定被鏈接文檔的位置

看完了這篇文章，相信你對(duì)“CSS文件中有多少種引入方式”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！