HTML使用CSS的方法

發(fā)布時間：2020-08-20 15:45:40 來源：億速云閱讀：147 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)HTML使用CSS的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

通過使用 HTML4.0，所有的格式化代碼均可移出 HTML 文檔，然后移入一個獨立的樣式表(.css)。

HTML使用CSS的方法

如何使用樣式(推薦學(xué)習(xí)：HTML入門教程)

當(dāng)瀏覽器讀到一個樣式表，它就會按照這個樣式表來對文檔進行格式化。有以下三種方式來插入樣式表：

外部樣式表

當(dāng)樣式需要被應(yīng)用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。

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

內(nèi)部樣式表

當(dāng)單個文件需要特別樣式時，就可以使用內(nèi)部樣式表。你可以在 head 部分通過 <style> 標簽定義內(nèi)部樣式表。

<head>

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

內(nèi)聯(lián)樣式

當(dāng)特殊的樣式需要應(yīng)用到個別元素時，就可以使用內(nèi)聯(lián)樣式。使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。

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

感謝各位的閱讀！關(guān)于HTML使用CSS的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡