html中如何導(dǎo)入css
3 回答
臨摹微笑
TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊
1、使用鏈接式
<link href="style.css" rel="stylesheet" type="text/css" />
2、使用導(dǎo)入式
<style type="text/css">
@import "style.css"
</style>
擴(kuò)展資料：
二者的區(qū)別
導(dǎo)入式和鏈接式的目的都是將一個(gè)獨(dú)立的css文件引入一個(gè)文件中，二者的區(qū)別不大，事實(shí)上，二者最大的區(qū)別在于鏈接式使用html的標(biāo)記引入外部css文件，而使用導(dǎo)入式則是使用css規(guī)則引入外部css文件，因此它們的語(yǔ)法也不同。
采用這兩種方式后的現(xiàn)實(shí)效果也略有區(qū)別。使用鏈接式時(shí)，會(huì)在裝載頁(yè)面主體部分 之前裝載css文件，這樣現(xiàn)實(shí)出來(lái)的頁(yè)面從一開(kāi)始就是帶有樣式效果的，而使用導(dǎo)入式時(shí)，會(huì)在整個(gè)頁(yè)面裝載完成之后再裝載css文件，
對(duì)于有的瀏覽器來(lái)說(shuō)， 在一些情況下，如果頁(yè)面文件的體積比較大，則會(huì)出現(xiàn)先現(xiàn)實(shí)無(wú)樣式的頁(yè)面，閃爍一下之后再出現(xiàn)設(shè)置樣式的效果。從瀏覽者的感受來(lái)說(shuō)，這是使用導(dǎo)入式的一個(gè)缺陷。
繁華開(kāi)滿天機(jī)
TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個(gè)贊
1.行內(nèi)式:即在標(biāo)記的style屬性中設(shè)定css樣式，這種方式本質(zhì)上沒(méi)體現(xiàn)出css的優(yōu)勢(shì)，因此不推薦使用。
2.嵌入式:在對(duì)頁(yè)面中各種元素的設(shè)置集中寫(xiě)在<head>和</head>之間的，對(duì)于單個(gè)頁(yè)面來(lái)說(shuō)，這種方式很方便。
3.導(dǎo)入式:導(dǎo)入式格式如下：
<style type="text/css">
@import "mystyle.css";
</style>
4.連接式:格式如下：
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
- 3 回答
- 0 關(guān)注
- 457 瀏覽
添加回答
舉報(bào)
0/150
提交
取消