字體樣式：
字體中如果有空格應該用「」,多個字體用逗號隔開
font: font-style font-weight font-size font-family
偽類選擇器
連結偽類選擇器 :link :visited :active :hover ）按順序寫 lvha
類選擇器可以多次使用，id選擇器只能使用一次
結構偽類選擇器：
li:first-child
last-child
nth-child(1) odd 可以選擇奇數， even 可以選擇偶數 n 2n
nth-last-child(even) 從最後一個開始數
目標偽類選擇器：
:target{
color:red;
font-size:16px;
}
文字效果設置
text-align:left right center
text-indent:2em 首行縮進2個字
line-height:30px 行間距
letter-spacing:2px; 字間距
word-spacing:10px 單詞間距針對英文，中文無效
rgb(0,0,0)
顏色半透明：rgba(0,0,0,0.5) 4個參數
文字陰影：text-shadow:5px 11px 3px rgba(0,0,0,0.4)後面兩個參數可以省略
水平陰影距離，垂直陰影距離，模糊距離，陰影顏色
網頁字體顏色：color:#3c3c3c
font-weight:normal;讓粗體不加粗
塊級元素和行內塊元素設置
塊級元素：h1--h6 p div ul ol li
總是從新行開始，高度、行高、內外邊距可以控制，寬度默認是容器的100%,可以容納內聯元素和其他塊元素
星級元素：a strong b em i del s ins u span
和相鄰行內元素在一行上，高寬無效，但水平方向的padding和margin可以設置，垂直方向無效
默認寬度就是它本身的寬度，只能容納文文本或者其他行內元素
p 不能放div a 裡面不能放a
行內塊元素：img input td
和相鄰行內塊元素在一行上，但是之間會有空白間隙，默認寬度是它本身，高度和行高內外邊距可以控制
顯示模式轉換：display:inline 塊級標籤轉換行內標籤
display:block 行內磚塊級
display:inline-block 轉換行內塊元素
CSS選擇器：
交集選擇器： div.songer 即·····又
併集選擇器：div,p,h1 和
後代選擇器：空格隔開 .class h1
子元素選擇器：.item >li >親兒子 孫子重孫子不算
屬性選擇器：選取標籤帶有某種屬性
a[title]
input[type=text] 完全等於
div[class^=font] 表示font開頭
div[class$=footer] 表示footer結尾
div[class*=tao] 表示任意位置
偽元素選擇器：
p::first-letter 選擇第一個字
::first-line 選擇第一行
::selection 選中的樣式
div::before{ 在盒子div的內部前面插入
content:"內容"
::after{ 在盒子div的內部後面插入
背景設置：
background-color: #ccc;
background-image:url(image/ss);
background-repaet:no-repaet;repeat-x
background-position: left center ; 書寫沒有順序，只寫一個的話 另外一個默認為center
10px center 前一個是x,後一個是y,
background-attachment:scroll默認 fixed
簡寫：background:背景顏色 背景圖片 是否平鋪 滾動/固定 位置
background:#000 url(images/lol.jpg) no-repaet fixed center 10px;
背景透明：background：rgba(0,0,0,0,6)
img 插入圖片 直接通過width height 設置就可以
背景圖片設置大小，縮放 background-size:
50%：縮放為原來的一半
100px：寬度,高度儘量設置一個值防止扭曲
cover: 圖片進行等比例縮放，圖片一定要保證寬度和高度同時滿足盒子的大小，
可能會有部分超出去看不見
contain:自動縮放，保證圖片完全顯示，不會有缺失的部分，但是會有部分裸露
多背景：可以設置多張背景圖，用逗號分隔，背景顏色寫在最後一組上
文字凹凸：
凸：text-shadow:1px 1px 1px #000,-1px -1px 1px #fff;
凹：text-shadow:-1px -1px 1px #000,1px 1px 1px #fff;
文字垂直居中： 行高等於盒子的高
文本裝飾：
text-decoration:none
underline下劃線連結默認自帶
overline文本上的一條線,
line-through穿過線