CSS書寫格式

時間 2020-06-22

標籤 css 書寫格式欄目 CSS 简体版

原文原文鏈接

1、CSS書寫格式：
一、行內樣式:
能夠直接將CSS代碼寫到開始標籤當中：css

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

二、內嵌樣式：
能夠在一對head標籤中寫上一對style標籤，而後在style標籤中編寫CSS代碼：
spa

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

　三、外鏈樣式：
單獨新建一個.css文件，把css代碼寫到這個文件中，而後經過link標籤把這個文件和.html文件關聯
　　 <link rel="stylesheet" type="text/css" href="file_name.css">
code

　四、導入樣式：
單獨新建一個.css文件，把css代碼寫到這個文件中，而後經過@import把這個文件和.html文件關聯htm

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

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

3、外鏈樣式和導入樣式的區別：
   一、外鏈樣式是經過link標籤關聯，而導入樣式是經過@import關聯，而@import是CSS2.1推出的，存在兼容問題
   二、外鏈樣式在顯示界面的時候，會先加載CSS樣式，再加載結構樣式，因此用戶看到界面時必定已經設置了樣式
      而導入樣式在顯示界面的時候，會先加載結構，再加載樣式，因此用戶看到的界面不必定已經設置了樣式blog

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。