CSS基礎學習筆記

2021-06-27 04:55:35 字數 1393 閱讀 3284

個人理解:距被控制的元素越近,優先順序越高

css基礎語法

選擇器:即需要改變樣式的

html

元素宣告:屬性和值

即css

規則格式為

selector(property:value;porperty2:value;…}

值的不同寫法和單位

值為單詞:

**風格

空格和大小寫

css高階語法

繼承及其問題

擺脫繼承:在子元素中重新宣告相同的屬性

css派生選擇器

li strong

我是粗體字,但不在列表中,故不會變成斜體

我是粗體字,因為在

li中,所以會變成斜體

雖然在li

中,但我不是粗體字,所以也不會變成斜體

#red

#green

這個段落是紅色。

這個段落是綠色。

#sidebar p

#sidebar p

#sidebar h2

#sidebar

div#sidebar

.center

我也將被居中。

.fancy td

[title]

[title=w3school]

[title~=hello]

[lang|=en]

input[type="text"]

選擇器描述

[attribute]

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

[attribute=value]

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

[attribute~=value]

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

[attribute|=value]

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

[attribute^=value]

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

[attribute$=value]

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

[attribute*=value]

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

例如:瀏覽器會從

mystyle.css

中讀到樣式宣告,並根據它來格式文件

例如:hr

p body

注意:不要再屬性值和單位之間留空格!(

20px

而不是20 px)!

this is a pragraph

外部樣式:

h3內部樣式:

h3個人理解:根據各個樣式表優先順序形成新的虛擬樣式表

CSS基礎學習筆記

1.css樣式優先順序 元素上的樣式 style中嵌入的樣式 外部樣式檔案,其實不太準確,應當是當嵌入式出現在外部樣式的後面時,按照style出現的順序來渲染的,後面出現的會覆蓋前面的。同乙個樣式檔案中,元素選擇器越精確優先順序越高,id選擇器 100 類選擇器 10 元素選擇器 1 根據權值 累計...

CSS基礎學習筆記

初學css所以就以部落格的形式記錄下來,權當是個記事本了。css規則由倆個主要部分構成 選擇器,以及一條或多條宣告 selector 其中選擇器通常是你需要改變的html元素,例如 p 或 h1 這些 每條宣告由乙個屬性和乙個值組成 其中屬性 property 是希望您設定的樣式屬性。每個屬性都有乙...

學習筆記 CSS基礎

css 指層疊樣式表 cascading style sheets 是一種標記語言,屬於瀏覽器解釋型語言,可以直接由瀏覽器執行,不需要編譯。html只負責網頁的內容,標籤盡量只負責語意不負責樣式。css 主要負責網頁的樣式,給網頁進行布局,解決了內容與表現分離的問題。css 可以重複使用,避免 冗餘...