本文參考：w3school
簡介
層疊次序
樣式表優先順序
內聯樣式（在 html 元素內部）
內部樣式表（位於 標籤內部）
外部樣式表
瀏覽器預設設定
如果有多個樣式表時，瀏覽器會按上述順序進行使用樣式表，優先順序高的沒有才會使用優先順序低的
通過乙個例子來介紹css語法
將 h1 元素內的文字顏色定義為紅色，同時將字型大小設定為 14 畫素
h1上面例子中css語句結構如下
注意：宣告需要用花括號括起來
引號
如果值為兩個及以上的單詞，需要給值加上引號
p一般書寫格式如下
body對選擇器進行分組使得分組的選擇器就可以共享相同的宣告
h1,h2,h3,h4,h5,h6將列表中的strong元素變為藍色，其他地方的不變
li strong根據上下文關係來定義樣式，無需為 strong 元素定義特別的 class 或 id，**更加簡潔。
id選擇器為特定id的html元素指定樣式，id選擇器以#來定義
"red_p"
>這個段落是紅色。<
/p>
#red_p
id選擇器加派生選擇器
定義乙個樣式給id為sidebar中的p元素
#sidebar p定義乙個樣式給id為sidebar中的h2元素
#sidebar h2類選擇器為該類中的html元素指定樣式，類選擇器以.來定義
指定樣式給類為center的元素
.center
類選擇器加派生選擇器
指定乙個樣式給fancy類中的td元素
.fancy td
定義乙個class為fancy的td元素
"fancy"
>
給該**指定樣式
td.fancy
為擁有指定屬性的 html 元素設定樣式，只需要有該屬性即可
為所有含有title屬性的元素指定樣式
[title]
為含有title屬性且值為t1的元素指定樣式
[title=t1]
為含有title屬性且值中含為hello的元素指定樣式(屬性值用空格分隔)
[title~=hello]
為含有title屬性且值中含為hello的元素指定樣式(屬性值用-連字元分隔)屬性選擇器
作用[attribute^=value]
匹配屬性值以指定值開頭的每個元素。
[attribute$=value]
匹配屬性值以指定值結尾的每個元素。
[attribute*=value]
匹配屬性值中包含指定值的每個元素。
外部樣式表
內部樣式表
內聯樣式
點個關注是對博主最大的支援Web基礎學習筆記 CSS基礎
1.概述 1 層疊樣式表 2 用來美化和布局頁面的一種語言，配合html一起使用 3 可以寫在html裡，也可以寫在字尾名為 css 的檔案裡 4 使用瀏覽器來 解釋和執行 5 實現樣式與內容的分離，方便團隊開發提高效率 提高效率 實現頁面精確控制 2.用途 1 美化外觀 2 布局 定位 3.基本語...
CSS學習筆記一
css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制，屬於表現層的布局語言。然後在樣式表裡這樣定義 menubar 其中 menubar 是你自己定義的id名稱。注意在前面加 號。id選擇器也同樣支援派生，例如 menubar p 這個方法主...
css學習筆記（一）
1.群組選擇器 如 p,body,img,div 2.兄弟選擇器 如 p p 3.屬性選擇器 如 p title 4.包含 後代 選擇器 如 body ul li 5.子元素選擇器 如 div p 6.id選擇器 如 mydiv 7.類選擇器 如 class1 8.偽元素選擇器 如 e first ...