CSS样式的插入方式
生活随笔
收集整理的這篇文章主要介紹了
CSS样式的插入方式
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1.外部樣式：
當(dāng)樣式需要應(yīng)用于很多頁面時(shí)，外部樣式表將是理想的選擇。
<head><link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> 2.內(nèi)部樣式
當(dāng)單個(gè)文檔需要特殊的樣式時(shí)，就應(yīng)該使用內(nèi)部樣式表
<head> <style type="text/css"> hr {color: sienna;}p {margin-left: 20px;}body {background-image: url("images/back40.gif");} </style> </head> 3.內(nèi)聯(lián)樣式
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
4.樣式引用
@import url（）
對(duì)@import url（）做一下總結(jié)：
(1) @import url（）機(jī)制是不同于link的，link是在加載頁面前把css加載完畢，而@import url（）則是讀取完文件后在加載，所以會(huì)出現(xiàn)一開始沒有css樣式，閃爍一下出現(xiàn)樣式后的頁面(網(wǎng)速慢的情況下)。
(2) @import 是css2里面的，所以古老的ie5不支持。
(3) 當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽，因?yàn)?#64;import不是dom可以控制的。4，link除了能加載css外還能定義RSS，定義rel連接屬性，@import只能加載css
當(dāng)樣式需要應(yīng)用于很多頁面時(shí)，外部樣式表將是理想的選擇。
<head><link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> 2.內(nèi)部樣式
當(dāng)單個(gè)文檔需要特殊的樣式時(shí)，就應(yīng)該使用內(nèi)部樣式表
<head> <style type="text/css"> hr {color: sienna;}p {margin-left: 20px;}body {background-image: url("images/back40.gif");} </style> </head> 3.內(nèi)聯(lián)樣式
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
4.樣式引用
@import url（）
對(duì)@import url（）做一下總結(jié)：
(1) @import url（）機(jī)制是不同于link的，link是在加載頁面前把css加載完畢，而@import url（）則是讀取完文件后在加載，所以會(huì)出現(xiàn)一開始沒有css樣式，閃爍一下出現(xiàn)樣式后的頁面(網(wǎng)速慢的情況下)。
(2) @import 是css2里面的，所以古老的ie5不支持。
(3) 當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽，因?yàn)?#64;import不是dom可以控制的。4，link除了能加載css外還能定義RSS，定義rel連接屬性，@import只能加載css
?
轉(zhuǎn)載于:https://www.cnblogs.com/wind-wang/p/5981330.html
總結(jié)
以上是生活随笔為你收集整理的CSS样式的插入方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 申请平安银行信用卡账单分期失败是怎么回事
- 下一篇： CSS 如何设置垂直居中