HTML-css樣式引用方式


1、使用行內樣式表

語法:在標簽內部寫入一個style屬性。

 

優點:沒有樣式表文件,在某些時候可以提高效率;

           優先級高。

缺點:多個頁面難以共享樣式,不利於代碼復用;

          HTML和CSS代碼混雜,不利於程序員和搜索引擎閱讀。

2、使用內部樣式表

語法:在head標簽寫一個style標簽,在style標簽里面通過選擇器(元素選擇器、類選擇器、ID選擇器)來選擇標簽,從而控制該標簽的樣式。

優點:沒有樣式表文件,在某些時候可以提高效率;

缺點:多個頁面難以共享樣式,不利於代碼復用,只能單個頁面使用;

          HTML和CSS代碼混雜,不利於程序員和搜索引擎閱讀。

3、外部樣式表

語法:(1)需要新建一個外部CSS文件,在里面書寫CSS樣式;

           (2)在head標簽里面通過link來關聯外部CSS文件。

例如:<link rel="stylesheet" href="css/style.css">,這樣就可以在HTML文檔里面直接書寫界面的內容,在css文件里面調整格式,設計樣式了。

 

優點:實現了內容結構和表現形式代碼分離,方便復用和維護;

         使HTML代碼更加純凈,有利於程序員和搜索引擎閱讀。

 


免責聲明!

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



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