CSS的引用方式(引用外部樣式表、內部樣式表、內聯樣式表)


CSS引用外部樣式表的優點:一般的瀏覽器都帶有緩存功能,所以用戶不用每次都下載此CSS文件,所以外部引用相對於內部引用和內聯引用來說是是節省資源的。

CSS使用內部樣式表、內聯樣式表的優點:可以直觀的看到CSS代碼,可以方便的修改並觀察更改后的效果。

一:引用外部樣式表方式一,使用link標簽引用CSS

<head>         
    <link rel="stylesheet" type="text/css" href=http://www.yoursite.com/style.css /> 
</head>

文件路徑可以使用相對路徑或者絕對路徑。

二:引用外部樣式表方式二,使用@import引用CSS

<head>
        <style type="text/css">@import url(http://www.yoursite.com/style.css);</style>
</head>

文件路徑可以使用相對路徑或者絕對路徑。

三:內部樣式表

<style type="text/css">
    li{list-style-type: none;}
    a{text-decoration:none;}
    .red{color:#f00;}
</style>

style標簽正常情況應該放在head標簽內部。

四:內聯樣式表

<p style="font-size: 10px; color: #FFFFFF;">
        使用CSS內聯引用表現段落.
</p>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM