HTML初學 如何使用樣式

2021-06-23 00:36:10 字數 595 閱讀 4703

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

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

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

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

this is a paragraph

標籤描述

定義樣式定義。

定義資源引用。

定義文件中的節或區域(塊級)。

定義文件中的行內的小塊或區域。

規定文字的字型、字型尺寸、字型顏色。不贊成使用。請使用樣式。

定義基準字型。不贊成使用。請使用樣式。

對文字進行水平居中。不贊成使用。請使用樣式。

初學HTML5 CSS樣式(一)

什麼是css css的全稱是cascading style sheets 層疊樣式表 它用來控制html標籤的樣式,在美化網頁中起到非常重要的作用 css的編寫格式是鍵值對形式的比如 color red background color blue font size 20px 冒號 左邊是屬性名,冒...

初學HTML5 CSS樣式(二)

css的兩大重點 1.屬性 通過屬性的複雜疊加才能做出漂亮的網頁 2.選擇器 通過選擇器找到對應的標籤設定樣式 選擇器的作用 選擇對應的標籤,為之新增樣式 a.標籤選擇器 根據標籤名找到標籤 我是div標籤 我是段落標籤 b.類選擇器我是段落標籤 我是div標籤 c.id選擇器我是div標籤 d.並...

初學HTML5 CSS樣式(三)

html的標籤型別主要分為三大類 1.塊級標籤 特點 獨佔一行,能隨時設定寬度和高度 示例 div標籤 段落標籤 2.行內標籤 特點 多個行內標籤能同時顯示在一行,不能直接設定寬度和高度,寬度和高度取決於內容的尺寸 示例 我是行內標籤 我是超連結 3 行內 塊級標籤 內聯 塊級標籤 特點 多個行內 ...