HTML如何使用CSS

透過使用 HTML4.0，所有的格式化程式碼都可以移出 HTML 文檔，然後移入一個獨立的樣式表(.css)。

HTML如何使用CSS

如何使用樣式(推薦學習：HTML入門教學)

當瀏覽器讀到一個樣式表，它就會依照這個樣式表來格式化文件。有以下三種方式來插入樣式表：

外部樣式表

#當樣式需要應用到很多頁面的時候，外部樣式表將是理想的選擇。 使用外部樣式表，你就可以透過更改一個檔案來改變整個網站的外觀。

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

內部樣式表

當單一檔案需要特別樣式時，就可以使用內部樣式表。你可以在 head 部分透過 c9ccee2e6ea535a969eb3f532ad9fe89 標籤定義內部樣式表。

<head>

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

內聯樣式

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

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

以上是HTML如何使用CSS的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多