CSS書寫格式


一、CSS書寫格式:
    1、行內樣式:
        可以直接將CSS代碼寫到開始標簽當中:

    <div style = "color:red">行內樣式</div>


    2、內嵌樣式:
        可以在一對head標簽中寫上一對style標簽,然后在style標簽中編寫CSS代碼:

 <head> <style type="text/css"> div{ color:red;
             } </style> </head> 

   

 3、外鏈樣式:
        單獨新建一個.css文件,把css代碼寫到這個文件中,然后通過link標簽把這個文件和.html文件關聯
   <link rel="stylesheet" type="text/css" href="file_name.css">  
    

 4、導入樣式:
        單獨新建一個.css文件,把css代碼寫到這個文件中,然后通過@import把這個文件和.html文件關聯

  <style type="text/css">
      @import "file_name.css";
  </style>

 

二、在企業開發中,常使用外鏈樣式來編寫CSS代碼,使結構與樣式分離

三、外鏈樣式和導入樣式的區別:
    1、外鏈樣式是通過link標簽關聯,而導入樣式是通過@import關聯,而@import是CSS2.1推出的,存在兼容問題
    2、外鏈樣式在顯示界面的時候,會先加載CSS樣式,再加載結構樣式,所以用戶看到界面時一定已經設置了樣式
      而導入樣式在顯示界面的時候,會先加載結構,再加載樣式,所以用戶看到的界面不一定已經設置了樣式


免責聲明!

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



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