html_css_CSS在網頁中的應用方式
阿新 • • 發佈：2018-12-16
CSS在網頁中的應用方式
- 行內樣式，應用於一個
- 嵌入樣式，應用於一類標籤
- 如果我們有很多的網頁，都要用css，將這些css寫到一個獨立檔案中，這個就是外鏈式，推薦使用。
- 匯入式樣式，也式將樣式寫道一個檔案中，在匯入到檔案中
說明：匯入式，其實與內嵌式式相似的，都是將樣式加入到網頁裡
- 匯入式，會佔用html檔案空間
- 有些瀏覽器，解析會有問題，瀏覽器會最後讀取@import中的內容.
在網頁中加css的方式有四種：
- 內嵌式樣式表：直接寫在現有的標記中
<p style=”color:red>這裡的文字是紅色的</p>
- 嵌入式樣式表：使用”<style></style>”標籤嵌入到HTML檔案的頭部中<head>標記中
<style>
Body{background-color:red};
</style>
- 外部連結式“樣式表”，將樣式表寫在一個獨立的.css檔案中，然後在頁面head區<head>標記內用<link>標籤呼叫它，主要用於實現表現與結構分離
<link href=”madin.css” rel=”stylesheet” type=”text/css”>
- 匯入式“樣式表”：匯入式樣式表與連結式樣式表的功能基本相同，只是語法和動作方式上略有不同，同樣也將匯入式程式碼寫在<head>標記內
<style type=”text/css”>
@import url(“basic.css”);
</style>
注意：類名和id名不能以數字開頭