1、
css背景：
background-attachment：背景影象是否固定或者隨頁面其餘部分滾動
background-color：背景顏色
background-repeat：背景如何重複
background-clip：規定背景的繪製區域
2、
css文字
color ：文字顏色
direction ：文字方向
line-height：行高
letter-spacing ：字元間距
text-align ：對齊元素中的文字
text-decoration ：向文字新增修飾
text-indent ：縮排元素中文字的首行
text-transform ：元素中的字母
unicode-bidi ：設定文字方向
while-space ：元素中空白的處理方式
word-spacing ：字間距
text-shodow ：向文字新增陰影
word-wrap ：規定文字的換行規則
3、
css字型
font-family：字型
font-size：字型尺寸
font-style：字型風格
font-variant：以小型大寫字型或正常字型顯示文字
font-weight：設定字型的粗細
4、
css鏈結
（1） 四種狀態：
a:link a:visited a:hover a:active
text-decoration可用於去除樣式
（3） 背景顏色
background-color
5、
css列表
修改列表標誌，或將影象作為列表項標誌
list-style：簡寫列表項
list-style-image：列表項影象
list-style-position：列表標誌位置
list-style-type：列表型別
6、
css輪廓
輪廓主要用於突出元素的作用
outline：設定輪廓屬性
outline-color：設定輪廓的顏色
outline-style：設定輪廓的樣式
outline-width：設定輪廓的寬度
7、
css定位
定位：改變元素在頁面上的位置
定位機制：
普通流（元素按照其在html中的位置順序決定排布的過程浮動） 浮動
絕對定位
position ：把元素放在乙個靜態的、相對的、絕對的或者固定的位置中
top ： 元素向上的偏移量
left ：元素向左的偏移量
right ：元素向右的偏移量
bottom ：元素向下的偏移量
overflow ：元素溢位其區域發生的事情
clip ：元素顯示的形狀
vertical-align ：元素垂直對齊方式
z-index ：元素的堆疊順序
8、
css浮動
（1）浮動float：
left：向左浮動
right：向右浮動
none：不浮動
inherit：從父級繼承浮動屬性
注：單獨摳出顯示在左方。
每個元素都向左浮動，可實現橫向排列。
一直緊密排列。
上面使用過浮動，下面的元素需要清除浮動。
（2）clear：去掉浮動屬性
left，right：去掉左，右浮動
both：左右浮動均去掉
inherit：從父級整合來的clear的值
（3） 實現瀑布流：
*
li#div1
ul
盒子模型
（1）盒子模型內容：margin（外邊距），border（邊框），padding（內邊距），content（內容）
（2） 邊框
a．樣式：none，雙線，虛線等
單邊樣式：每個方向的線。border-top-style，border-left-style，border-right-style，border-bottom-style.
b．邊框寬度：border-width,border-top-width.......
c．邊框顏色：border-color，border-top-color……
d.css3邊框
圓角邊框：border-radius：20px;
邊框陰影：box-shadow:向右移動px 向下移動px 透明度px 顏色；
邊框：border-image
（3） 外邊距
margin，margin-left……
注意：外邊距會合併，顯示多的那方。
可通過左右外邊距的設定使其居中（左右自適應auto也可），並且大小隨瀏覽器變化。
10、
css常用操作
去掉原始效果：list-style-type:none;
去掉下劃線：text-decoration:none;
（1） 對齊
margin：可進行水平對齊
position：可進行左右對齊
float：可進行左右對齊
居中：margin-left:auto; margin-right:tuto;//margin:0px auto;
居右//居左：position:absolute;right:0px;//float:left;
（2） 尺寸
height：元素高度
width：元素高度
line-height：行高
max-height：元素最大高度
max-width：元素最大寬度
min-width：元素最小寬度
min-height：元素最小高度
（3） 分類&&導航欄
clear：清除浮動
cursor：滑鼠指標形狀
display：是否及如何顯示元素
float：向哪個方向浮動
position：元素位置靜態，相對，絕對，固定
visibility：元素是否可見
注： display:inline; 一行顯示，li標籤內設定
display: block; 塊元素換行顯示
導航內容可以用padding設定間距
（4）
css中可設定透明度：opacity:0到1；
11、
c ss3
選擇器（1） 元素選擇器 a{}
（2） 選擇器分組
a． h1,h2{}
b． *{}
（3） 類選擇器 .class{} 可結合元素使用
（4） id選擇器 #id{}
（5） 屬性選擇器 [title]{}
具體屬性值選擇：a[href]= 「 ]{}; //屬性值必須完全匹配
部分屬性值匹配：[title~=」content」]{}
（6） 後代選擇器：可隔代
例如：this is ainteresting page
lalalalalala
p i
（7） 子元素選擇器：只可下代，不可隔代
p>strong>i
（8） 相鄰兄弟選擇器
選擇後乙個兄弟元素 li+li{} 第乙個li沒有效果，其後li有效果
CSS3 總結（二十） 彈性盒子（CSS3）
2.在彈性容器中可以設定min width max width屬性來限制彈性子元素的最小及最大縮放寬度。用在彈性容器 3.flex direction 屬性 用在彈性容器 指定了彈性子元素在父容器中的位置。值說明 row橫向從左到右排列 左對齊 預設的排列方式。row reverse 反轉橫向排列 ...
CSS基礎 CSS3動畫
通過css3動畫屬性，我們可以建立動畫，實現簡單的動畫效果。css3動畫的實現需要用到animation屬性並配合關鍵幀 keyframes 使用。1.對需要設定動畫的元素新增animation屬性。2.設定關鍵幀 keyframes animation是所有動畫屬性的簡寫屬性，除了 animati...
css3 動畫總結
在用css3建立動畫效果之前，首先要先了解下 keyframes 規則 keyframes 規則用於建立動畫。在 keyframes 中規定某項 css 樣式，就能建立由當前樣式逐漸改為新樣式的動畫效果。internet explorer 10 firefox 以及 opera 支援 keyfram...