css中引用外部樣式表的方法:1、通過使用“link”標簽引用CSS外部樣式表,語法格式:“<link rel="stylesheet" type="text/css" href= 外部樣式表路徑/>”,其中“rel”屬性值定義當前文檔與被鏈接文檔之間的關系,這里是調用外部文件,“stylesheet”即代表css樣式表,而“type”中則是定義當前文本內容以層疊樣式表來解析;2、通過使用“@import”標簽引用CSS外部樣式表,語法格式:“@import url(外部樣式表路徑);”。
CSS引用外部樣式表的優點:一般的瀏覽器都帶有緩存功能,所以用戶不用每次都下載此CSS文件,所以外部引用相對于內部引用和內聯引用來說是是節省資源的。
CSS使用內部樣式表、內聯樣式表的優點:可以直觀的看到CSS代碼,可以方便的修改并觀察更改后的效果。
一:引用外部樣式表方式一,使用link標簽引用CSS
<head><link rel="stylesheet" type="text/css" href=http://www.yoursite.com/style.css />
</head>
文件路徑可以使用相對路徑或者絕對路徑。
二:引用外部樣式表方式二,使用@import引用CSS
<head><style type="text/css">@import url(http://www.yoursite.com/style.css);</style>
</head>
文件路徑可以使用相對路徑或者絕對路徑。
三:內部樣式表
<style type="text/css">li{list-style-type: none;}
a{text-decoration:none;}
.red{color:#f00;}
</style>
style標簽正常情況應該放在head標簽內部。
四:內聯樣式表
<p style="font-size: 10px; color: #FFFFFF;">使用CSS內聯引用表現段落.
</p>