一、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樣式,再加載結構樣式,所以用戶看到界面時一定已經設置了樣式
而導入樣式在顯示界面的時候,會先加載結構,再加載樣式,所以用戶看到的界面不一定已經設置了樣式