CSS中內部樣式表和外部樣式表的區別


  由於最近才學習CSS,所以以下是一些簡單的東西給大家分享一下

什么是外部樣式?內聯樣式?內部樣式表?

     外部樣式表:

  當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況
你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 <link> 標簽鏈接到樣式表
,其書寫格式為<link rel="stylesheet"type="text/css"href="xxx.css"

  內部樣式表:
  當單個文檔需要特殊的樣式時,就應該使用內部樣式表。你可以使用 <style> 標簽在文
檔頭部定義內部樣式表,就像這樣:
<head>
<style type="text/css">
h1 {color: sienna;}
body{background-color:black}
</style>
</head>

  內聯樣式表:
  
  由於要將表現和內容混雜在一起,內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法
,例如當樣式僅需要在一個元素上應用一次時。要使用內聯樣式,你需要在相關的標簽內使用
樣式(style)屬性。
<h1 style="color:red">helloworld></h1>

  內部樣式表與外部樣式表區別:

  內部樣式和外部樣式本質上沒有什么區別,但是內部樣式只供本頁面使用,而外部樣式可
以通過鏈接樣式表的方式,可供多個頁面使用,而且方便管理。外部樣式如果鏈接到多個頁面
,瀏覽器只需加載一次,而且頁面相同地方出錯,只需修改外部樣式,且只需修改一;如果以
內部樣式的方式寫到多個頁面中,那每打開一個頁面瀏覽器就要加載一次,占用流量,頁面相
同地方出錯,需一個一個頁面修改,工作量大,比較煩瑣,容易出錯。外部樣式表里還可以鏈
接其它外部樣式表。

  注:三者的優先級為:內聯樣式>內部樣式>外聯樣式



免責聲明!

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



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