首頁  >  文章  >  web前端  >  css可以在html裡面寫嗎

css可以在html裡面寫嗎

藏色散人
藏色散人原創
2020-12-03 12:02:204627瀏覽

css可以在html裡面寫,其寫法有:1、在head標籤的style標籤中寫css;2、直接在HTML程式碼裡加入style屬性,然後在該屬性裡定義css程式碼即可。

css可以在html裡面寫嗎

本教學操作環境:windows7系統、css3&&html5版本,Dell G3電腦。

推薦:《css影片教學》《HTML影片教學

在HTML中寫css的方法:

1、內部樣式表--在head標籤的style標籤中寫css

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

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

c9ccee2e6ea535a969eb3f532ad9fe89 標籤用於為 HTML 文件定義樣式資訊。

在 style 中,您可以規定在瀏覽器中如何呈現 HTML 文件。

type 屬性是必要的,定義 style 元素的內容。唯一可能的值是 "text/css"。

style 元素位於 head 部分。

2、內聯樣式--直接在HTML程式碼裡加入style屬性,然後在屬性裡定義css代碼

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

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

以上是css可以在html裡面寫嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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