個人理解:距被控制的元素越近,優先順序越高
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 可以重複使用,避免 冗餘...