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

轉載于:https://www.cnblogs.com/wind-wang/p/5981330.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/254164.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/254164.shtml
英文地址，請注明出處：http://en.pswp.cn/news/254164.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！