在建時CSS和HTML的使用是必要的，要想在瀏覽器中顯示預期的CSS樣式表效果，就要讓瀏覽器識別并正確調用CSS。而CSS樣式放在不同的地方，所產生的作用范圍也是不同的。在HTML中，主要用四種方法引入CSS：行內式、內嵌式、導入式和鏈接式。
（1）行內式：
<div style="font-size:15px;">行內式，直接在當前行內寫入</div>
即在標記的style屬性中設定CSS樣式，這種方式本質上沒體現出CSS的優勢，因此不推薦使用。
（2）嵌入式：
<style type="text/css">
body{
margin:0px;
padding:0px;
background-color:#f6f6f6;
}
</style>在對頁面中各種元素的設置集中寫在<head>和</head>之間的，對于單個頁面來說，這種方式很方便。但是這種方法的使用情況要少的多，最長見得就是訪問量大的門戶網站。或者訪問量較大的企業網站的首頁。與第一種方法比起來，優點突出，弊端也明顯。優點：速度快，所有的CSS控制都是針對本頁面標簽的，沒有多余的CSS命令；再者不用外鏈CSS文件。
（3）導入式：
<style type="text/css"> @import "../css/style.css"; </style>
（4）鏈接式：
<link rel="stylesheet" href="/css/style.css" type="text/css" />
導入式和鏈接式差不多，都是從外部引入CSS文件。但是鏈接式對于客戶端用戶瀏覽網站時，效果會好些。
鏈接式可以說是現在占統治地位的引入方法。如同IE與瀏覽器。這也是最能體現CSS特點的方法；最能體現DIV+CSS中的內容與顯示分離的思想，也最易改版維護，代碼看起來也是最美觀的一種。
總結：對于一些比較大的網站，為了便于維護，可能會希望把所有的css樣式分類別放到幾個CSS文件中，這樣如果使用連接式引入，就需要幾個語句分別導入CSS文件。如果要調整CSS文件的分類，就需要同時調整HTML文件，這對于維護工作來說，是一個缺陷，如果使用導入式，則可以只引進一個總的CSS文件，在這個文件中再導入其他獨立CSS文件；而鏈接式則不具備這個特性。
我漢獅網絡提供網站建設、APP軟件開發、軟件開發、小程序開發、網站網絡營銷等一站式服務，歡迎企業咨詢
免費咨詢：18838171308
免費咨詢：18838171308
