1.width: 寬度
2.height: 高度
3.border： 邊框
border-width: 邊框的寬度
border-style: 邊框的線性
solid 實(shí)線
dashed 虛線
dotted 點(diǎn)畫線
border-color: 邊框的顏色
border-top: 上邊框
border-bottom: 下邊框
border-left: 左邊框
border-right: 右邊框
border-radius: 圓角（radius--半徑）
transparent 透明
border-left：transparent; 左邊框透明的
border的縮寫：
border:邊框的寬度 邊框的線性 邊框的顏色;
4.定位：
position:absolute； 絕對(duì)位置----------------------------
top:xxpx菜谣；
right:xxpx貌夕；
bottom:xxpx退子；
left:xxpx遗增；
*會(huì)脫離文檔流 會(huì)影響下面的標(biāo)簽
*相當(dāng)于浮動(dòng)的特性 行變塊
*根據(jù)body定位
position:relative逃贝； 相對(duì)定位----------------------------
top:xxpx蹦锋；
right:xxpx甸私；
bottom:xxpx；
left:xxpx硝岗；
*本身的位置還在站位
*不會(huì)是浮動(dòng)特性 行不變塊
*根據(jù)本身原有位置定位
position:fixed; 固定定位----------------------------
絕對(duì)居中： position:absolute;
top:50%
left:50%
magin-top:-X （x為塊高度的一半）
magin-left:-X （x為塊寬度的一半）
5.背景：
background： 背景
background-color： 背景顏色
background-image: 背景圖
background-repeat: 背景圖平鋪
-----no-repeat 不平鋪
-----repeat-x x軸平鋪
-----repeat-y y軸平鋪
background-position: 背景圖定位
x y;
Background-attachment: fixed氢哮； 背景圖滾動(dòng)
復(fù)合寫法：
background: color image position repeat;
6.背景圖透明：
opacity:xx; 透明程度
xx為0-1之間
filter:alpha(opacity=xx)兼容IE6
xx為0-100之間
7.浮動(dòng)：
float: 浮動(dòng)
left 左浮動(dòng)
right 右浮動(dòng)
清除浮動(dòng):
1-overflow:hidden; （溢出隱藏）清除浮動(dòng)
2-.clearfix:after{ display:block; clear:both; content:"";}
.clearfix{ zoom:1;} 防止IE BUG
3-給想要浮動(dòng)的同級(jí)加個(gè)塊標(biāo)簽 然后給這個(gè)塊標(biāo)簽加個(gè)clear：both
特性：
1.是一個(gè)有方向的；
2.變成了塊型檀；
3.并到了一排冗尤；
4.頂對(duì)齊；
5.寬度不夠會(huì)掉下來；
6.脫離了文檔流裂七；
加上浮動(dòng)的元素只會(huì)對(duì)下面的元素有影響
加浮動(dòng)必須：
只要有一個(gè)標(biāo)簽加上了浮動(dòng)皆看，同級(jí)的標(biāo)簽都要加浮
加浮動(dòng)就必須請(qǐng)浮動(dòng)（只能寫在父級(jí)）
盡量要設(shè)置寬度，不給寬度會(huì)是內(nèi)容的寬度背零；
8.字體：
color: (文本顏色)
font-size （文字大醒鳌）
font-weight:bold (文字加粗)
normal---不加粗
font-style:italic （文字傾斜）
normal---不傾斜
font-family: (字體)
中文、英文徙瓶、unicode
簡寫：
font:[style] [weight] size/line-height family
9.省略：
width:xxx px;
white-space:nowrap; （文字不換行）
overflow:hidden; （溢出隱藏）
text-overflow:ellipsis; （省略號(hào)）缺一不可毛雇，而且要設(shè)置寬
10.文本：
text-align: center; 文本水平居中
right 文本水平向右
line-height: 文本的垂直居中（文字縱向居中）行高
寫高度
text-indent:em （文本縮進(jìn)）
11.劃線：
text-decoration:none; （取消下劃線）
underline （下劃線）
overline （上劃線）
line-through（中劃線）
12.轉(zhuǎn)化：
display:none 隱藏元素
display:block 轉(zhuǎn)換成塊
display:inline 轉(zhuǎn)換成行000000000000000000000000
display:inline-block 轉(zhuǎn)換成行內(nèi)塊(底對(duì)齊)
13.內(nèi)外邊距：
padding (內(nèi)邊距)
:邊框到內(nèi)容的距離
margin （外邊距）
一個(gè)盒子到另一個(gè)盒子的距離
14.關(guān)于padding:
padding: 5px; 上 下 左 右
padding:100px 50px 上 下 左 右
padding:20px 60px 100px; 上 左 右 下
padding:20px 60px 80px 120px; 上 右 下 左
padding-top:50px; 每一個(gè)方向，只給一個(gè)單獨(dú)的值
padding-left:50px;
padding-right:50px;
padding-bottom:50px;
*** 給了padding就要用寬高來減去這個(gè)padding 的距離
如果沒有設(shè)置寬高就不需要減掉侦镇；
*** 行標(biāo)簽只可以給左右的padding
15.關(guān)于margin：
margin:5px; 上 下 左 右
margin:100px 50px 上 下 左 右
margin:20px 60px 100px; 上 左 右 下
margin:20px 60px 80px 120px; 上 右 下 左
margin負(fù)值：
left or right 不能設(shè)置寬
top or bottom 不能設(shè)置高
*** 行標(biāo)簽只可以給左右的margin
margin的BUG:
***拖拽父級(jí)（塌陷）
解決的辦法如下所述：
overflow:hidden;
border:1px solid #000;
padding-top:50px;(推薦)
***margin合并
解決的辦法如下所述：
給單一方向加上你想要的距離（取最大值)