018-html插入樣式的三種方式

lywgames發表於2020-10-09
HTML

1. 有以下三種方式來插入樣式表:

1.1. 外部樣式表: 當樣式需要被應用到很多頁面的時候, 外部樣式表將是理想的選擇。使用外部樣式表, 你就可以通過更改一個檔案來改變整個站點的外觀。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

1.2. 內部樣式表: 當單個檔案需要特別樣式時, 就可以使用內部樣式表。你可以在head部分通過<style>標籤定義內部樣式表。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

1.3. 內聯樣式: 當特殊的樣式需要應用到個別元素時, 就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何CSS屬性。以下例項顯示出如何改變段落的顏色和左外邊距。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

 

相關文章