引用css檔案的方法:1、使用link標籤,語法“”;2、使用“ @import”規則,語法“@import url(檔案路徑);”。
本教學操作環境:windows7系統、CSS3版、Dell G3電腦。
1、使用link標籤(連結式)
將css程式碼寫在一個單獨的檔案中,用link標籤直接引入該檔案到頁面中。一個頁面可以多次使用LINK標籤引入多個外部css文件,注意這些CSS程式碼的相互影響,通常是後引入的CSS文件會覆蓋前面引入的CSS文件的相同效果。這種引入CSS的方式是目前最受歡迎的,可以在站個網站範圍內進行CSS代碼的規劃,方便復用和維護,但這樣將代碼高度集中,代碼量可能過大,維護不當的話又容易出現混亂。
<link rel="stylesheet" type="text/css" href="style.css">
2、使用@import(導入式)
#使用@import引入CSS檔案有兩種方式,一種可以放在頁面中的