文字屬性font-family： 字型樣式（常用四種：SimHei(黑體)，SimSun(宋體),Microsoft YaHei(微軟雅黑),STKaiti(華文楷體)font-size： 字型大小font-style： italic(斜體),一般預設為normal(最常用的）font-weight： bold(字型加粗),一般預設為normalletter-spacing： 設定字元間距text-align： 文字對齊word-spacing： 設定單詞間距（以空格為解析單位）text-decoration： 文字裝飾（一般用於去除a標籤下劃線）text-indent： 首先縮排line-height： 行高text-shadow： 文字陰影(CSS3)（可以同時加多層陰影）eg：text-shadow：1px 1px 2px red,-1px -1px 2px gray;box-shadow： 盒陰影 eg：box-shadow：inset 1px 1px 2px rgb();第一引數：預設為盒子外面的陰影，inset屬性為盒子內部陰影第二和第三個引數為具體數值（可正可負）第四個引數：不寫或者為0時沒有陰影效果，但其值不可為負第五個引數：顏色邊框屬性border：1px solid red;(設定邊框，簡寫）border-width：邊框寬度border-style：邊框樣式（solid:實線，dashed:虛線，dotted,double,insetborder-color：邊框顏色border-top/bottom/left/right：設定某一邊的邊框border-radius：製作圓形邊框(CSS3)背景屬性background：red fixed url() 50% 50% no-repeat;(背景屬性值簡寫，沒有順序規定)background-color：背景顏色background-image：url(圖片路徑);背景圖片background-repeat：背景圖片平鋪background-position：背景圖片定位（X軸,Y軸)background-attachment：fixed;背景圖片附件（設定背景圖片是否處於固定狀態）以下為CSS3屬性background-size：背景圖片的高度和寬度(數值、百分比、cover、contain)（ CSS3）background：linear-gradient();線性漸變background：radial-gradient();徑向漸變background-clip：背景裁切(當邊框的透明度改為0.5後，圖片的顯示是從border的邊上開始顯示且有一定的透明度) border-box：從border邊框區域顯示padding-box：從padding區域顯示content-box：從padding內部即內容區域顯示text：從文字區域開始顯示（需要和rgba的透明度一起使用）,注：火狐、IE9、IE10等不支援該CSS3樣式列表樣式list-style：列表樣式（簡寫）list-style-type：列表樣式型別（設定列表前的序號樣式）list-style-image：url();列表樣式圖片list-style-position：inside;偽類選擇器link ：給a標籤設定預設CSS樣式（只能給a標籤使用）visited：設定a標籤被點選後產生的CSS樣式（只能給a標籤使用）hover ：設定當滑鼠懸浮時產生的CSS樣式（任何標籤都可用）active ：設定當滑鼠點選不放時產生的CSS樣式（任何標籤都可用）nth-child(n)：選擇n個元素(括號裡的值與所對應標籤所在的有效位置相對應才有效）（first/last-child{})nth-of-type(n)：選擇所對應標籤的n個元素(括號裡的值會直接選擇所對應標籤的位置，不受其他標籤影響)float

當元素有float屬性時，那麼此元素就半脫離了父元素

清除浮動方法：clear:left/right/both

當某個元素被float所影響時，就可使用clear清除影響

positionfixed:基於瀏覽器固定定位absolute:基於瀏覽器進行定位

一旦給子元素設定了絕對定位，那它將完全脫離父容器（前提父容器無position屬性）

絕對定位大於一切,固定定位大於一切的一切

relative:基於自己本身所在的位置進行移動

一旦給子元素設定了相對定位，那它不會脫離父容器（前提父容器無position屬性）

如果父元素和子元素都有position屬性時，那子元素將不會完全脫離父元素

z-index：必須和定位一起使用，改變層級關係，屬性值可為正負transiton

第一個引數：為所要發生變化目標的屬性（除display屬性）

第二個引數：為發生變化完成的總時間

第三個引數：為固定值，線性(linear)

transformskew(0deg,0deg)：傾斜（a度，b度）（a的數值以Y軸為基準逆時針旋轉，b的數值是以X軸為基準順時針旋轉）rotate(0deg)：旋轉(rotateX/rotateY/rotateZ：圍繞X/Y/Z軸旋轉）translate(0px,0px)：移動（translateX/translateY/ranslateZ：左右/上下/前後移動）scale(1)：放大/縮小

使用3D效果的方法：需要給目標元素的父級新增3d環境和景深（transform-style:preserve-3d;perspective:數值;）否則Z軸的屬性無效

animation動畫animation-name ：動畫的名字（自定義）animation-duration ：動畫執行的總時間animation-timing-function：動畫執行的方式（預設是ease）animation-delay ：動畫延遲時間（預設為0）animation-iteration-count：動畫執行的次數（預設為1，infinite：無限次）animation-direction ：動畫執行一個週期後，是否反向執行（預設值：normal，alternate:奇數正向執行，偶數反向執行）animation-play-state ：規定動畫是否執行和暫停（預設：running，paused:暫停）</li>其它屬性overflow：溢位（hidden:隱藏，scroll:捲軸）opacity：（0-1）透明度filter：blur(0px)，過濾：模糊（）,預設值為0