1.css規則構成：選擇器和宣告（一條或多條）
2.標籤選擇器：
標籤名3.類選擇器：（樣式點定義，結構類(class)呼叫,乙個或多個,開發最常用）
.類名4.id選擇器：(樣式#定義，結構id呼叫，只能呼叫一次，別人切勿使用)
#id名
5.萬用字元選擇器：(不需要呼叫，給所有元素使用樣式)
*6.font的復合屬性語法：（font-size和font-family不能省略，其餘可以省略 ）
font: font-style font-weight font-size/line-height fnt-family;(eg: font: italic 700 16px/20px 'microsoft yahei'; )pink #ff0000 rgb(255,0,0)
8.行間距的組成：
上間距 文字高度 下間距
9.文字屬性總結：
color text-align(對齊) line-height(行高)
text-indent(縮排) text-decoration（上中下劃線）
內部樣式表(style)(嵌入引入)：style標籤一般放在head標籤裡面
行內樣式表(行內引入)：在標籤內部寫入style屬性，值為相應屬性值（只控制當前標籤）
外部樣式表(鏈結引入): link
11.復合選擇器：
後代選擇器
子選擇器
並集選擇器
偽類選擇器
12.後代選擇器(包含選擇器)：
父元素 子元素 孫元素
（元素可以是任意型別的選擇器）
13.子選擇器：
必須選擇親兒子元素（最近一級）
元素1>元素2
14.並集選擇器：
可以選擇多組標籤，集體宣告
通過逗號分隔
元素1，元素2
15.偽類選擇器：
向某些選擇器新增特殊的效果
最大的特點是用冒號表示
15.1鏈結偽類選擇器：
a:link 選擇未被訪問的鏈結
a:visited 選擇所有已被選擇的鏈結
a:hover 選擇滑鼠指標位於其上的鏈結
a:active 選擇活動鏈結
按照lahv的順序來寫！
15.2 :focus偽類選擇器：（一般針對表單元素input）
用於選取獲得焦點(游標)的表單元素
input:focus16.1元素顯示模式—塊元素：div ul li h1-h6 p
特點：①獨佔一行
②高 寬 內外邊距都可以設定
③裡面可以放塊級元素和行內元素
④寬度預設是容器（父級寬度）(100%)
注意：文字類元素內不能使用塊級元素
16.2元素顯示模式—行內元素：a strong b em span i
特點：①一行可以顯示多個
②高 寬設定是無效的
③預設寬度是本身內容的寬度
④只能容納文字或其他行內元素
注意：鏈結裡面不能再放鏈結
裡面可以再放塊級元素，給a轉換一下塊級模式最安全
16.3元素顯示模式—行內塊元素：
特點：一行可以放多個，兩個元素之間有乙個縫隙，
可以設定寬和高及邊距
預設寬度是他內容的寬度
17.元素轉換模式的轉換：
轉換為塊元素：display:block;
轉換為行內元素：display:inline;
轉換為行內塊：display: inline-block;
18.背景：
background-color背景顏色，預設為transparent(透明)
background-image：url()定義元素的背景
background-repeat設定元素背景影象的:
no-repeat repeat repeat-x repeat-ybackground-position屬性可以改變在背景中的位置:
background-position : x y;18.2 精確方位：x y 座標有嚴格的順序
background-attachment:（影象固定或滾動）（背景附著）
background-attachment: scroll（滾動）
background-attachment: fixed（固定）
背景的復合寫法：
background: 背景顏色 背景位址 背景平鋪 背景影象滾動 背景位置;
19.css3新增背景半透明：
background：rgba（0,0,0,0.5）；取值範圍為0~1（alpha）
（小數點左側的零通常省略）
20.css三大特性：
層疊性 繼承性 優先順序
優先順序：行內樣式style="" > id選擇器 > 類(偽類)選擇器 > 元素選擇器 > 繼承或*!important 權重最高。復合選擇器存在權重疊加的問題，加法運算
權重雖然會疊加，但永遠不會有進製的問題
22.頁面布局的三大核心：
盒子模型 浮動 定位
23.盒子模型的組成：
border邊框
content內容
padding內邊距
margin外邊距
邊框寬度(border-width)
邊框樣式(border-style) :solid(實) dashed(虛) dotted(點)
邊框顏色(border-color)
復合寫法border：1px solid red（不區分順序）
四條邊分開寫法：
上boder-top 下 boder-bottom
左boder-left 右boder-right
合併(**)相鄰的邊框：border-collapse:collapse;
25.padding內邊距：（內邊距會影響盒子的大小）
padding-left padding-right
padding-bottem padding-top
復合寫法：
padding：3px 1個值 上下左右內邊距一樣
padding：3px 4px 上下是3px 左右是10px
padding：1px 2px 3px 上是1 左右是2 下是3
padding：1px 2px 3px 4px 上 右 下 左
margin-left margin-right
margin-bottom margin-top
塊級元素水平居中：(必須有寬度)
margin：0 auto;27.1.為父元素定義上邊框（可以設為透明transparent）
27.2.為父元素定義內邊距
27.3.為父元素新增overflow：hidden
28.清除元素內外邊距：
*CSS筆記2（簡化版）
list style none 後可跟4個值 左上 右上 右下 左下 兩個值的話則是對角線關係 border radius 10px 可以設定為50 border top left radius 左上角 box shadow h shadow v shadow blur 虛實 spread 大小 c...
CSS層疊樣式表學習筆記1
樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中，在 html 頁的頭元素中，或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。主要有三種樣式表 外部樣式表 內部樣式表 內嵌樣式表，其中，內嵌樣式表擁有最高的優先權 1 內嵌樣式 內嵌樣式...
css筆記之引入css樣式表
css cascading style sheets css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎，提供了豐富的功能，如字型 顏色 背景的控制及整...