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