外鏈
rel=
"stylesheet"
href
="style.css"
>
嵌入p1
內聯style
="background-color
: #00539f;
font-size
: 2em;
text-align
: center;
">
hello world！ 內聯
p>
通配選擇器
* 標籤選擇器
p id選擇器 （#+id）
#example
類選擇器 （.+ class)
.error
屬性選擇器
/* 選中所有的禁用的輸入框 */
input[disabled]
偽選擇器
>
a:link
/* 未訪問過的鏈結 */
a:visited
/* 已訪問過的鏈結 */
a:hover
/* 滑鼠移到鏈結上的樣式 */
a:active
/* 滑鼠在連線上按下時的樣式 */
:focus
/* 獲得焦點時的樣式 */
style
>
直接組合e,f，用,隔開
p,.warning #p標籤和warning類組合
後代組合 e f 用空格隔開
div p # 選擇div的後代p元素
親子組合 e>f 用》隔開
div>p # 選擇div的子代p元素
毗鄰選擇器e+f 用+隔開
div+p #選擇匹配所有緊隨div元素之後的同級元素p
同級選擇器e~f
div~p #選擇匹配所有div元素之後的同級元素p
:first-child
:only-child
:last-child
:nth-child(a)
:nth-last-child(a)
:first-of-type
:nth-of-type(an+b)
:only-of-type
:last-of-type
:empty
:not(x) #反選
!important > 行內樣式》id選擇器 > 類選擇器 > 標籤 > 萬用字元 > 繼承 > 瀏覽器預設屬性 css選擇器參考手冊
css選擇器優先順序：
層疊優先順序
參考：css層疊順序
層疊優先順序
css五種通用字型
px，em，rems的區別
觸發原因：兩個或多個毗鄰的普通流中的塊元素垂直方向上的 margin 會摺疊
解決方法
浮動元素 使用inline-block
建立塊級元素的上下文（bfc）
position屬性的取值
absolute:生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。
fixed:生成絕對定位的元素，相對於瀏覽器視窗進行定位。
relative:生成相對定位的元素，相對於其正常位置進行定位。
static:預設值。沒有定位，元素出現在正常的流中
inherit:從父元素繼承 position 屬性的值
聖杯布局，雙飛翼布局的實現
網格布局學習**
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 元素內部 擁有最...