原文

字體屬性：(font)

大小 font-size:x-large;(特大) xx-small;(極小) 一般中文用不到，只要用數(shù)值就可以，單位：PX、PD
樣式 font-style:oblique;(偏斜體) italic;(斜體) normal;(正常)
行高 line-height:normal;(正常) 單位：PX、PD、EM
粗細(xì) font-weight:bold;(粗體) lighter;(細(xì)體) normal;(正常)
變體font-variant: small-caps;(小型大寫字母) normal;(正常)
大小寫text-transform: capitalize;(首字母大寫) uppercase;(大寫) lowercase;(小寫) none;(無)
修飾text-decoration: underline;(下劃線) overline;(上劃線) line-through;(刪除線) blink;(閃爍)
常用字體：(font-family)
"Courier New", Courier, monospace, "Times New Roman",Times, serif, Arial, Helvetica, sans-serif, Verdana

背景屬性： (background)

色彩background-color:#FFFFFF;
圖片background-image:url();
重復(fù)background-repeat:no-repeat;
滾動background-attachment:fixed;(固定) scroll;(滾動)
位置background-position:left(水平) top(垂直);
簡寫方法 background:#000url(..) repeat fixed left top;

區(qū)塊屬性： (Block)

字間距l(xiāng)etter-spacing:normal; 數(shù)值
對劉text-align:justify;(兩端對齊) left;(左對齊) right;(右對齊) center;(居中)
縮進(jìn)text-indent: 數(shù)值px;
垂直對齊vertical-align:baseline;(基線) sub;(下標(biāo)) super;(下標(biāo)) top; text-top; middle;bottom; text-bottom;
詞間距word-spacing:normal; 數(shù)值
空格white-space:pre;(保留) nowrap;(不換行)
顯示display:block;(塊) inline;(內(nèi)嵌) list-item;(列表項(xiàng)) run-in;(追加部分) compact;(緊湊) marker;(標(biāo)記) table; inline-table;table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group;table-column; table-cell; table-caption;(表格標(biāo)題)

方框?qū)傩?#xff1a; (Box)

width:; height:; float:; clear:both; margin:; padding:;   順序：上右下左

邊框?qū)傩?#xff1a; (Border)

border-style: dotted;(點(diǎn)線) dashed;(虛線) solid; double;(雙線) groove;(槽線) ridge;(脊?fàn)?span id="ieo6y2aa"    class="token punctuation">) inset;(凹陷) outset;
border-width:; 邊框?qū)挾?border-color:#;
簡寫方法border：width style color;

列表屬性： (List-style)

類型list-style-type:  disc;(圓點(diǎn)) circle;(圓圈) square;(方塊) decimal;(數(shù)字) lower-roman;(小羅碼數(shù)字) upper-roman;lower-alpha; upper-alpha;
位置list-style-position:outside;(外) inside;
圖像list-style-image:url(..);

定位屬性： (Position)

Position: absolute; relative; static;
visibility: inherit; visible; hidden;
overflow: visible; hidden; scroll; auto;
clip: rect(12px,auto,12px,auto) (裁切) 

---

css屬性代碼大全
一 CSS文字屬性：

color : #999999; /\*文字顏色\*/
font-family : 宋體,sans-serif;/\*文字字體\*/ 
font-size : 9pt; /\*文字大小\*/ 
font-style:itelic; /\*文字斜體\*/ 
font-variant:small-caps; /\*小字體\*/ 
letter-spacing : 1pt; /\*字間距離\*/ 
line-height : 200%; /\*設(shè)置行高\(yùn)*/ 
font-weight:bold; /\*文字粗體\*/ 
vertical-align:sub; /\*下標(biāo)字\*/ 
vertical-align:super; /\*上標(biāo)字\*/ 
text-decoration:line-through; /\*加刪除線\*/ 
text-decoration: overline; /\*加頂線\*/ 
text-decoration:underline; /\*加下劃線\*/ 
text-decoration:none; /\*刪除鏈接下劃線\*/ 
text-transform : capitalize; /\*首字大寫\*/ 
text-transform : uppercase; /\*英文大寫\*/ 
text-transform : lowercase; /\*英文小寫\*/ 
text-align:right; /\*文字右對齊\*/ 
text-align:left; /\*文字左對齊\*/ 
text-align:center; /\*文字居中對齊\*/ 
text-align:justify; /\*文字分散對齊\*/ 
vertical-align屬性
vertical-align:top; /\*垂直向上對齊\*/ 
vertical-align:bottom; /\*垂直向下對齊\*/ 
vertical-align:middle; /\*垂直居中對齊\*/ 
vertical-align:text-top; /\*文字垂直向上對齊\*/ 
vertical-align:text-bottom; /\*文字垂直向下對齊\*/ 

二、CSS邊框空白

padding-top:10px; /\*上邊框留空白\*/ 
padding-right:10px; /\*右邊框留空白\*/ 
padding-bottom:10px; /\*下邊框留空白\*/ 
padding-left:10px; /\*左邊框留空白

三、CSS符號屬性：

list-style-type:none; /\*不編號\*/ 
list-style-type:decimal; /\*阿拉伯?dāng)?shù)字\*/ 
list-style-type:lower-roman; /\*小寫羅馬數(shù)字\*/ 
list-style-type:upper-roman; /\*大寫羅馬數(shù)字\*/ 
list-style-type:lower-alpha; /\*小寫英文字母\*/ 
list-style-type:upper-alpha; /\*大寫英文字母\*/ 
list-style-type:disc; /\*實(shí)心圓形符號\*/ 
list-style-type:circle; /\*空心圓形符號\*/ 
list-style-type:square; /\*實(shí)心方形符號\*/ 
list-style-image:url(/dot.gif); /\*圖片式符號\*/ 
list-style-position: outside; /\*凸排\*/ 
list-style-position:inside; /\*縮進(jìn)\*/ 

四、CSS背景樣式：

background-color:#F5E2EC; /\*背景顏色\*/ 
background:transparent; /\*透視背景\*/ 
background-image : url(/image/bg.gif); /\*背景圖片\*/ 
background-attachment : fixed; /\*浮水印固定背景\*/ 
background-repeat : repeat; /\*重復(fù)排列-網(wǎng)頁默認(rèn)\*/ 
background-repeat : no-repeat; /\*不重復(fù)排列\(zhòng)*/ 
background-repeat : repeat-x; /\*在x軸重復(fù)排列\(zhòng)*/ 
background-repeat : repeat-y; /\*在y軸重復(fù)排列\(zhòng)*/ 
指定背景位置
background-position : 90% 90%; /\*背景圖片x與y軸的位置\*/ 
background-position : top; /\*向上對齊\*/ 
background-position : buttom; /\*向下對齊\*/ 
background-position : left; /\*向左對齊\*/ 
background-position : right; /\*向右對齊\*/ 
background-position : center; /\*居中對齊\*/ 

五、CSS連接屬性：

a /\*所有超鏈接\*/ 
a:link /\*超鏈接文字格式\*/ 
a:visited /\*瀏覽過的鏈接文字格式\*/ 
a:active /\*按下鏈接的格式\*/ 
a:hover /\*鼠標(biāo)轉(zhuǎn)到鏈接\*/ 
鼠標(biāo)光標(biāo)樣式：
鏈接手指 CURSOR: hand 
十字體cursor:crosshair 
箭頭朝下cursor:s-resize 
十字箭頭 cursor:move 
箭頭朝右 cursor:move 
加一問號 cursor:help 
箭頭朝左cursor:w-resize 
箭頭朝上cursor:n-resize 
箭頭朝右上cursor:ne-resize 
箭頭朝左上cursor:nw-resize 
文字I型 cursor:text 
箭頭斜右下cursor:se-resize 
箭頭斜左下cursor:sw-resize 
漏斗 cursor:wait 
光標(biāo)圖案(IE6) p {cursor:url("光標(biāo)文件名.cur"),text;} 

六、CSS框線一覽表：

border-top : 1px solid #6699cc; /\*上框線\*/ 
border-bottom : 1px solid #6699cc; /\*下框線\*/ 
border-left : 1px solid #6699cc; /\*左框線\*/ 
border-right : 1px solid #6699cc; /\*右框線\*/ 
以上是建議書寫方式,但也可以使用常規(guī)的方式如下:
border-top-color : #369 /\*設(shè)置上框線top顏色\*/ 
border-top-width :1px /\*設(shè)置上框線top寬度\*/ 
border-top-style : solid/\*設(shè)置上框線top樣式\*/ 
其他框線樣式
solid /\*實(shí)線框\*/ 
dotted /\*虛線框\*/ 
double /\*雙線框\*/ 
groove /\*立體內(nèi)凸框\*/ 
ridge /\*立體浮雕框\*/ 
inset /\*凹框\*/ 
outset /\*凸框\*/ 

七、CSS表單運(yùn)用：

文字方塊 
按鈕 
復(fù)選框 
選擇鈕 
多行文字方塊 
下拉式菜單選項(xiàng)1選項(xiàng)2 

八、CSS邊界樣式：

margin-top:10px; /\*上邊界\*/ 
margin-right:10px; /\*右邊界值\*/ 
margin-bottom:10px; /\*下邊界值\*/ 
margin-left:10px; /\*左邊界值\*/ 

CSS 屬性：字體樣式(Font Style)

序號中文說明標(biāo)記語法 
1 字體樣式{font:font-style font-variant font-weight font-size font-family} 
2 字體類型{font-family:"字體1","字體2","字體3",...} 
3 字體大小 {font-size:數(shù)值|inherit| medium| large|larger| x-large| xx-large| small| smaller| x-small| xx-small} 
4 字體風(fēng)格{font-style:inherit|italic|normal|oblique} 
5 字體粗細(xì) {font-weight:100-900|bold|bolder|lighter|normal;} 
6 字體顏色 {color:數(shù)值;} 
7 陰影顏色{text-shadow:16位色值} 
8 字體行高 {line-height:數(shù)值|inherit|normal;} 
9 字間距 {letter-spacing:數(shù)值|inherit|normal} 
10 單詞間距{word-spacing:數(shù)值|inherit|normal} 
11 字體變形{font-variant:inherit|normal|small-cps } 
12 英文轉(zhuǎn)換{text-transform:inherit|none|capitalize|uppercase|lowercase} 
13 字體變形 {font-size-adjust:inherit|none} 
14 字體{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal|semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider} 

文本樣式(Text Style)

序號中文說明標(biāo)記語法 
1 行間距 {line-height:數(shù)值|inherit|normal;} 
2 文本修飾{text-decoration:inherit|none|underline|overline|line-through|blink} 
3 段首空格 {text-indent:數(shù)值|inherit} 
4 水平對齊{text-align:left|right|center|justify} 
5 垂直對齊{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super} 
6 書寫方式{writing-mode:lr-tb|tb-rl} 

背景樣式

序號中文說明標(biāo)記語法 
1 背景顏色{background-color:數(shù)值} 
2 背景圖片{background-image: url(URL)|none} 
3 背景重復(fù){background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 
4 背景固定{background-attachment:fixed|scroll} 
5 背景定位 {background-position:數(shù)值|top|bottom|left|right|center} 
6 背影樣式 {background:背景顏色|背景圖象|背景重復(fù)|背景附件|背景位置} 

框架樣式(BoxStyle)

序號中文說明標(biāo)記語法 
1 邊界留白{margin:margin-top margin-right margin-bottom margin-left} 
2 補(bǔ)　　白{padding:padding-top padding-right padding-bottom padding-left} 
3 邊框?qū)挾?/span>{border-width:border-top-width border-right-width border-bottom-widthborder-left-width}
寬度值：thin|medium|thick|數(shù)值 
4 邊框顏色{border-color:數(shù)值數(shù)值數(shù)值數(shù)值}　　數(shù)值：分別代表top、right、bottom、left顏色值 
5 邊框風(fēng)格{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove} 
6 邊　　框{border:border-width border-style color} 上邊框{border-top:border-top-width border-style color} 右邊框{border-right:border-right-width border-style color} 下邊框{border-bottom:border-bottom-width border-style color} 左邊框{border-left:border-left-width border-style color} 
7 寬　　度 {width:長度|百分比| auto} 
8 高　　度 {height:數(shù)值|auto} 
9 漂　　浮{float:left|right|none} 
10 清　　除{clear:none|left|right|both} 

分類列表

序號中文說明標(biāo)記語法 
1 控制顯示{display:none|block|inline|list-item} 
2 控制空白{white-space:normal|pre|nowarp} 
3 符號列表{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none} 
4 圖形列表{list-style-image:URL} 
5 位置列表{list-style-position:inside|outside} 
6 目錄列表 {list-style:目錄樣式類型|目錄樣式位置|url} 
7 鼠標(biāo)形狀{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize}

---

下面是我自己整理的

css屬性大全

背景屬性

background	簡寫屬性，作用是將背景屬性設(shè)置在一個(gè)聲明中。
background-attachment	背景圖像是否固定或者隨著頁面的其余部分滾動。
background-color	設(shè)置元素的背景顏色。
background-image	把圖像設(shè)置為背景。
background-position	設(shè)置背景圖像的起始位置。
background-repeat	設(shè)置背景圖像是否及如何重復(fù)。
background-size 設(shè)置背景圖片大小

文本屬性。

color	設(shè)置文本顏色
direction	設(shè)置文本方向。
letter-spacing	設(shè)置字符間距
line-height	設(shè)置行高
text-align	對齊元素中的文本
text-decoration	向文本添加修飾
text-indent	縮進(jìn)元素中文本的首行
text-shadow	設(shè)置文本陰影
text-transform	控制元素中的字母
unicode-bidi	設(shè)置或返回文本是否被重寫 
vertical-align	設(shè)置元素的垂直對齊
white-space	設(shè)置元素中空白的處理方式
word-spacing	設(shè)置字間距

字體屬性

font	在一個(gè)聲明中設(shè)置所有的字體屬性
font-family	指定文本的字體系列
font-size	指定文本的字體大小
font-style	指定文本的字體樣式
font-variant	以小型大寫字體或者正常字體顯示文本。
font-weight	指定字體的粗細(xì)。

鏈接屬性

a:link - 正常，未訪問過的鏈接
a:visited - 用戶已訪問過的鏈接
a:hover - 當(dāng)用戶鼠標(biāo)放在鏈接上時(shí)
a:active - 鏈接被點(diǎn)擊的那一刻當(dāng)設(shè)置為若干鏈路狀態(tài)的樣式，也有一些順序規(guī)則：
a:hover 必須跟在 a:link 和 a:visited后面
a:active 必須跟在 a:hover后面

列表屬性

list-style	簡寫屬性。用于把所有用于列表的屬性設(shè)置于一個(gè)聲明中
list-style-image	將圖像設(shè)置為列表項(xiàng)標(biāo)志。
list-style-position	設(shè)置列表中列表項(xiàng)標(biāo)志的位置。
list-style-type	設(shè)置列表項(xiàng)標(biāo)志的類型。

table表格

border	指定CSS表格邊框
border-collapse 屬性設(shè)置表格的邊框是否被折疊成一個(gè)單一的邊框或隔開
Width和height屬性定義表格的寬度和高度。
text-align	屬性設(shè)置水平對齊方式，向左，右，或中心
vertical-align	垂直對齊屬性設(shè)置垂直對齊，比如頂部，底部或中間

盒子模型

Margin(外邊距) - 清除邊框外的區(qū)域，外邊距是透明的。
Border(邊框) - 圍繞在內(nèi)邊距和內(nèi)容外的邊框。
Padding(內(nèi)邊距) - 清除內(nèi)容周圍的區(qū)域，內(nèi)邊距是透明的。
Content(內(nèi)容) - 盒子的內(nèi)容，顯示文本和圖像。最終元素的總寬度計(jì)算公式是這樣的：
總元素的寬度=寬度+左填充+右填充+左邊框+右邊框+左邊距+右邊距
元素的總高度最終計(jì)算公式是這樣的：
總元素的高度=高度+頂部填充+底部填充+上邊框+下邊框+上邊距+下邊距

邊框

border-style 值:
dotted: 定義一個(gè)點(diǎn)線邊框
dashed: 定義一個(gè)虛線邊框
solid: 定義實(shí)線邊框
double: 定義兩個(gè)邊框。 兩個(gè)邊框的寬度和 border-width 的值相同
groove: 定義3D溝槽邊框。效果取決于邊框的顏色值
ridge: 定義3D脊邊框。效果取決于邊框的顏色值
inset:定義一個(gè)3D的嵌入邊框。效果取決于邊框的顏色值
outset: 定義一個(gè)3D突出邊框。 效果取決于邊框的顏色值border-width	屬性為邊框指定寬度。
border-color	屬性用于設(shè)置邊框的顏色
注意： border-color單獨(dú)使用是不起作用的，必須得先使用border-style來設(shè)置邊框樣式border	簡寫屬性，用于把針對四個(gè)邊的屬性設(shè)置在一個(gè)聲明。
border-style	用于設(shè)置元素所有邊框的樣式，或者單獨(dú)地為各邊設(shè)置邊框樣式。
border-width	簡寫屬性，用于為元素的所有邊框設(shè)置寬度，或者單獨(dú)地為各邊邊框設(shè)置寬度。
border-color	簡寫屬性，設(shè)置元素的所有邊框中可見部分的顏色，或?yàn)?4 個(gè)邊分別設(shè)置顏色。
border-bottom	簡寫屬性，用于把下邊框的所有屬性設(shè)置到一個(gè)聲明中。
border-bottom-color	設(shè)置元素的下邊框的顏色。
border-bottom-style	設(shè)置元素的下邊框的樣式。
border-bottom-width	設(shè)置元素的下邊框的寬度。
border-left	簡寫屬性，用于把左邊框的所有屬性設(shè)置到一個(gè)聲明中。
border-left-color	設(shè)置元素的左邊框的顏色。
border-left-style	設(shè)置元素的左邊框的樣式。
border-left-width	設(shè)置元素的左邊框的寬度。
border-right	簡寫屬性，用于把右邊框的所有屬性設(shè)置到一個(gè)聲明中。
border-right-color	設(shè)置元素的右邊框的顏色。
border-right-style	設(shè)置元素的右邊框的樣式。
border-right-width	設(shè)置元素的右邊框的寬度。
border-top	簡寫屬性，用于把上邊框的所有屬性設(shè)置到一個(gè)聲明中。
border-top-color	設(shè)置元素的上邊框的顏色。
border-top-style	設(shè)置元素的上邊框的樣式。
border-top-width	設(shè)置元素的上邊框的寬度。
border-radius	設(shè)置圓角的邊框。

輪廓

outline	在一個(gè)聲明中設(shè)置所有的輪廓屬性
outline-color	設(shè)置輪廓的顏色
outline-style	設(shè)置輪廓的樣式
outline-width	設(shè)置輪廓的寬度

margin外邊距

margin	簡寫屬性。在一個(gè)聲明中設(shè)置所有外邊距屬性。
margin-bottom	設(shè)置元素的下外邊距。
margin-left	設(shè)置元素的左外邊距。
margin-right	設(shè)置元素的右外邊距。
margin-top	設(shè)置元素的上外邊距。

padding內(nèi)邊距

padding	使用簡寫屬性設(shè)置在一個(gè)聲明中的所有填充屬性
padding-bottom	設(shè)置元素的底部填充
padding-left	設(shè)置元素的左部填充
padding-right	設(shè)置元素的右部填充
padding-top	設(shè)置元素的頂部填充

尺寸屬性

height	設(shè)置元素的高度。
line-height	設(shè)置行高。
max-height	設(shè)置元素的最大高度。
max-width	設(shè)置元素的最大寬度。
min-height	設(shè)置元素的最小高度。
min-width	設(shè)置元素的最小寬度。
width	設(shè)置元素的寬度。

Display(顯示) 與 Visibility（可見性）

display:none;
visibility:hidden;

Position：(定位)

static	HTML 元素的默認(rèn)值，即沒有定位，遵循正常的文檔流對象。
relative	相對定位元素的定位是相對其正常位置。
fixed	元素的位置相對于瀏覽器窗口是固定位置。即使窗口是滾動的它也不會移動
absolute	絕對定位的元素的位置相對于最近的已定位父元素，如果元素沒有已定位的父元素，那么它的位置相對于<html>
sticky	基于用戶的滾動位置來定位。粘性定位的元素是依賴于用戶的滾動，在 position:relative 與 position:fixed 定位之間切換。
它的行為就像 position:relative; 而當(dāng)頁面滾動超出目標(biāo)區(qū)域時(shí)，它的表現(xiàn)就像 position:fixed;，它會固定在目標(biāo)位置。
元素定位表現(xiàn)為在跨越特定閾值前為相對定位，之后為固定定位。這個(gè)特定閾值指的是 top, right, bottom 或 left 之一，換言之，指定 top, right, bottom 或 left 四個(gè)閾值其中之一，才可使粘性定位生效。否則其行為與相對定位相同。bottom	定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。
clip	剪輯一個(gè)絕對定位的元素
cursor	顯示光標(biāo)移動到指定的類型
left	定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。
overflow	設(shè)置當(dāng)元素的內(nèi)容溢出其區(qū)域時(shí)發(fā)生的事情。
overflow-y	指定如何處理頂部/底部邊緣的內(nèi)容溢出元素的內(nèi)容區(qū)域
overflow-x	指定如何處理右邊/左邊邊緣的內(nèi)容溢出元素的內(nèi)容區(qū)域
position	指定元素的定位類型
right	定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。
top		定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
z-index	設(shè)置元素的堆疊順序

Overflow： 屬性可以控制內(nèi)容溢出元素框時(shí)在對應(yīng)的元素區(qū)間內(nèi)添加滾動條

visible	默認(rèn)值。內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外。
hidden	內(nèi)容會被修剪，并且其余內(nèi)容是不可見的。
scroll	內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
auto	如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
inherit	規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。

浮動

clear	指定不允許元素周圍有浮動元素。
float	指定一個(gè)盒子（元素）是否可以浮動。