6、樣式分類——按CSS的位置分類
阿新 • • 發佈：2020-12-23
2.4 樣式分類——按CSS的位置分類
1. 內嵌樣式（內部樣式）：在HTML頁面中以<style>開頭，</style>結束，這裡邊的樣式只能供本頁面使用。
<style type="text/css"></style> （樣式程式碼）
<標記 style=“屬性”>
3. 外部樣式：寫一個css檔案，在需要使用css的頁面中引入外部css。我們可以將頁面公用的css寫到外部css中。
首先新建一個css檔案。在HTML頁面中連結或匯入的方法來引用外部樣式。
語法：<link rel="stylesheet" type="text/css" href="style/home1.css">
（該樣式只能在HTML頁面中匯入外部樣式）
Rel：表示連結的型別，這個屬性不能省略。 rel="stylesheet"表示連結的型別是樣式表。
Sheet：表
type="text/css"：表示這個檔案是css文字
Html頁面的註釋：<!—HTML註釋->>
註釋是給開發人員看的，不執行。
<style type="text/css">
@import url('style/home1.css');</style>
</head>
<body>
<p class="aa">離離原上草</p>
</body>
@import（匯入外部樣式） url（css地址）('style/home1.css');（必須以分號結束）。url是可以省略的，但是建議不要省略。
@import url('common.css');
.aa{ color:#FF0000;
font-size:18px;
}
匯入樣式既可以在HTML中匯入外部樣式也可以在樣式檔案（CSS）中匯入外部樣式。
CSS註釋和HTML註釋可以在DW頁面左邊欄裡面的工具，選中自行註釋，如果不想要註釋，可以再點選相同的按鈕。