1.內聯樣式：直接標籤裡新增style屬性，屬性值為css宣告
2.內部樣式：head標籤裡新增style標籤，style標籤寫語法，作用符合選擇器的元素
3.外部樣式：css資料夾裡建立css檔案，link標籤引入：
優先順序：內聯 > 內部 和 外部(顯示後面的樣式)
1.層次選擇器：
e f：後代選擇器
e > f：子選擇器(第一代)
e + f：相鄰兄弟選擇器
e ~ f：通用選擇器
2.目標偽類選擇器：
e:target - - - - -e為目標元素
3.狀態偽類選擇器：
1.input：enabled–input框啟用時狀態
2.input：disabled–input禁用時狀態
3.input：checked–input選中時狀態
4.結構偽類選擇器：
e f:first-child- - - - -e下第乙個f子元素
e f:last-child- - - - -e下最後乙個f子元素
e f:nth - child (n )- - - - -e下第n個f子元素
e f :nth-child(2n/even) - - - - - 偶數；
e f :nth-child(2n+1/odd) - - - - - 奇數
e f :nth-child(-n+x)選擇e下面1-x的所有子元素；
e f :nth-child( n+x)選擇e下面x後面的所有子元素；
e f :nth-child(-n+x)f :nth-child( n+x)交集
e f:nth-of-type(n)-----e 元素f型別 第n個
e f:nth-last-of-type(n)-----e 元素f型別 倒數 第n個
e f:only-child-----e元素下只有唯一f元素
e f:only-of-type----e元素下只有唯一f型別元素
1.鏈結未被訪問狀態 a:link
2.鏈結已被訪問狀態 a:visited
3.滑鼠滑過狀態 e:hover e:所有元素
4.滑鼠按下並沒有鬆開的狀態 e:active
!important > 內聯樣式（1000）> id選擇器（0100） > class選擇器（0010） > 型別選擇器（0001）> 萬用字元（0000）>繼承（屬性從父元素繼承過來）
!important最重要，權重最高。
包含選擇器權重 = 個選擇器的權重之和
1.字型大小：font-size預設16px;
2.字型型別：font-family中文用引號 預設微軟雅黑。
3.字型顏色：color:
a.英文單詞
b.#六位十六進製制 值越大越暗
c.rgb(r[0-255]…)值越大越亮
4.字型加粗：font-weight
5.字型傾斜：font-style
6.文字是否大小寫：font-variant:
7.複合式寫法：font
選擇器按以上順序;size和family固定不可和其他屬性位置互換；
1.水平對齊方式：text-align
2.行高：line-hight
3.垂直對齊方式：vertical-align
4.文字修飾：text-decoration
5.首行縮排：text-indent（數值+單位（em）），取值可為負（用來隱藏h1）
6.字元間距：letter-spacing
7.詞間距：word-spacing
說明：控制英文單詞詞距。（通用於英文詞和詞之間的間距）
8.控制文字大小寫：text-transform
取值：none(預設值)
capitalize(每個單詞首字母大寫)
uppercase (所有英文本母都為大寫字母)
lowercase (所有英文本母都為小寫字母 )
1.定義列表專案符號樣式：
list-style-type:
3.改變列表專案符號位置：
list-style-position:inside(在裡面)|outside（在外面）
4.簡寫：list-style：type |image position
5.去掉專案符號：list-style：none;
1.背景顏色：background-color:顏色取值
2.使用做背景;background-image:url(路徑)顯示規則：
1. 大小=容器大小 完全顯示
2. 大小》容器大小 不完全顯示
3. 大小《容器大小 平鋪整個頁面
4.顯示位置：background-position: 值1[水平方向-x方向] 值2[垂直方向-y方向]
值1值2空格隔開
值1取值：left|center|right px
值2取值：top|center|bottom px
《容器：根據容器位置移動
>容器：根據自身位置移動
6.簡寫：background:color image repeat postion;
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 ...
CSS學習筆記 一
什麼是文件流？對乙個網頁而言，body 元素下的任意元素，根據其前後順序，組成乙個個上下關係，這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁之中的位置。文件流是瀏覽器的預設顯示規則。什麼是浮動？float具有屬性值 left right none 當設定了 float 屬性後，浮動元素會被移...