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>
