首頁 > web前端 > 前端問答 > html5新增樣式用哪幾種方法

html5新增樣式用哪幾種方法

WBOY
發布: 2021-12-21 14:08:37
原創
4601 人瀏覽過

方法:1.利用style屬性添加,語法「」;2、利用style標籤添加,語法為「

html5新增樣式用哪幾種方法

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

html5新增樣式用哪幾種方法

#首先新建一個練習的專案html_practise包含基本的html css js目錄。然後再建立一個html檔案並開啟。

第一種內嵌樣式:直接在div標籤內部使用style屬性新增樣式,一般套用於個別元素展示特殊樣式時,如下圖。

html5新增樣式用哪幾種方法

第二種內部樣式表:在head部分使用style標籤定義內部樣式表,一般套用於單一文件,如下圖。

html5新增樣式用哪幾種方法

第三種外部樣式表:在head頭部使用link標籤進行樣式外部引用,這種採用頁面與樣式分離的方式,適合套用於多個頁面時。

html5新增樣式用哪幾種方法

注意事項

1、三種新增樣式的方式,運作效果都一樣。

2.內嵌樣式展示單一特殊元素樣式,內部樣式顯示單一檔案樣式,外部樣式表套用於多個頁面比較符合頁面分離習慣。

推薦教學:《html影片教學

以上是html5新增樣式用哪幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板