css學習筆記

2021-07-25 23:51:38 字數 1159 閱讀 4839

css主要由2個部分:選擇器一條或多條宣告組成

selector

每條宣告由乙個屬性和乙個值組成。

selector

h1

如果值由多個單詞組成,要給單詞加引號(」)

p

選擇器的分組,用逗號(,)分隔。

h1, h2, h3, h4, h5

派生選擇器。

li

strong

id選擇器,id選擇器用#來定義。

#red

類選擇器,用乙個.來表示。

.center

屬性選擇器,用表示。

[title=w3cschool]

[title~=hello]

css選擇器參考手冊

選擇器描述

[atrribute]

用於選取帶有指定屬性的元素

[atrribute=value]

用於選取帶有指定屬性和值的元素

[atrribute~=value]

用於選取屬性值中包含指定的詞彙元素

[atrribute|=value]

用於選取指定值開頭的屬性值元素,該值必須是整個單詞

[atrribute^=value]

匹配屬性值以指定值開頭的元素

[atrribute$=value]

匹配屬性值以指定值結尾的元素

[atrribute*=value]

匹配屬性值中包含指定值的元素

9. 建立css

* 外部樣式表

樣式比較多的時候可以使用外部檔案匯入,檔案必須以.css結尾。方式為: \ \

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS 學習筆記

當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此,內聯樣式 在html 元素內部 擁有最...