如何使用樣式

2021-06-29 02:08:26 字數 688 閱讀 9361

當瀏覽器讀到乙個樣式表,它就會按照這個樣式表來對文件進行格式化。有以下三種方式來插入樣式表:
外部樣式表

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

rel="stylesheet"

type="text/css"

href="mystyle.css">

head>

內部樣式表

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

type="text/css">

body

pstyle>

head>

內聯樣式

當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何 css 屬性。以下例項顯示出如何改變段落的顏色和左外邊距。
style="color: red; margin-left: 20px">

this is a paragraph

p>

如何使用樣式

當瀏覽器讀到乙個樣式表,它就會按照這個樣式表來對文件進行格式化。有以下三種方式來插入樣式表 當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改乙個檔案來改變整個站點的外觀。當單個檔案需要特別樣式時,就可以使用內部樣式表。你可以在 head 部分通過 標籤定義...

HTML初學 如何使用樣式

當瀏覽器讀到乙個樣式表,它就會按照這個樣式表來對文件進行格式化。有以下三種方式來插入樣式表 當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改乙個檔案來改變整個站點的外觀。當單個檔案需要特別樣式時,就可以使用內部樣式表。你可以在 head 部分通過 標籤定義...

如何在vue中使用樣式

1.陣列 這是乙個h2.陣列中使用三元表示式 這是乙個h3.陣列中巢狀物件 這是乙個h4.直接使用物件 這是乙個h5.使用內聯樣式 1.直接在元素上通過 style的的形式,書寫樣式物件 這是乙個h2.將樣式物件,定義到data中,並直接引用到 style中 在data上定義樣式 data 在元素中...