資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
時裝學
法學HTML 文件中包含樣式表規則的方式
要包含樣式表規則，可以使用 <style> 元素或 style 屬性，甚至可以使用 <link> 包含外部樣式表。
可以使用 <link> 元素在 HTML 文件中包含外部樣式表文件。
外部樣式表是一個帶有 .css 副檔名的獨立文字檔案。你可以在該文字檔案中定義所有樣式規則，然後可以使用 <link> 元素將其包含到任何 HTML 文件中。
下面是包含外部 CSS 檔案的語法
<head> <link href = "..." media = "..." /> </head>
以下是 <link> 元素的屬性
| 屬性 | 值 | 說明 |
|---|---|---|
| 型別 | text/css | 將樣式表語言指定為內容型別 (MIME 型別)。此屬性是必需的。 |
| Href | URL | 指定包含樣式規則的樣式表文件。此屬性是必需的。 |
| 媒體 | 螢幕 電傳 電視 投影 手持 列印 盲文 聽覺 全部 | 指定將在其上顯示文件的裝置。預設值為全部。這是一個可選屬性 |
假設樣式檔案為 new.css:
h1, h2 {
color: #36C;
font-weight: normal;
letter-spacing: .4em;
margin-bottom: 1em;
text-transform: lowercase;
}那麼現在您可以透過如下步驟將此檔案 new.css 包含在任何 HTML 文件中
<head> <link new = "mystyle.css" media = " all" /> </head>
更新於： 30-1 月 2020
263 次瀏覽
廣告