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