鏈接方式
行內式
<table bgcolor="black" cellspacing="1px" width="600">
<table style="border:0px" />嵌入式
<head>
<title>css樣式使用</title>
<style type="text/css">
body{
background-color: antiquewhite;
}
p{
background-color: aqua;
}
</style>
導入式
<style type="text/css">
@import"mystyle.css"
</style>
鏈接式
<link rel="stylesheet" type="text/css" href="style.css">導入式和鏈接式的異同
1.使用鏈接式時，會在加載頁面主體部分之前裝載CSS文件，這樣顯示出來頁面一開始就是帶有樣式效果的；
2.引用塊內容使用導入式時，會在整個頁面裝載完成後在裝載CSS文件，對於有的瀏覽器來說，在一些情況下，如果網頁文件體積比較大的的時候，則會出現先顯示無樣式的頁面，閃爍一下在出現設置樣式後的效果，對於瀏覽者的感受，這是導入式的一個缺陷。
3.對於一些較大的網站，爲了便於維護，可能會希望把所有的CSS樣式分類別放到幾個CSS文件中，如果這樣使用鏈接式引入，就需要幾個語句分別導入CSS文件。如果要調整CSS文件的分類，就需要同時調整HTML文件。這對於維護工作來說，是一個巨大的缺陷。如果使用導入式，則可以只引進一個總的CSS文件，在這個文件中在導入其他獨立的CSS文件；而鏈接式則不具備這個功能。
4.因此，建議如果需要引入一個CSS文件，則使用鏈接方式；如果需要引入多個CSS文件，則首先用鏈接方式引入一個“目錄”CSS文化，在這個“目錄”CSS文件中再使用導入式引入其他CSS文件。
5.若是希望通過JavaScript來動態決定引入哪個CSS文件，則必須使用鏈接方式才能實現。