字体属性：（font）

大小{font-size：x-large;}（特大）xx-small;（极小）一般中文用不到，只要用数值就可以，单位：PX，PD 

样式{font-style ：oblique;}（偏体）italic;（斜体）normal;（正常）

行高{line-height：normal;}（正常）单位：PX，PD，EM 

粗细{font-weight：bold;}（粗体）light;（正体）

变体{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-color：#FFFFFF;} 

图片{ background-image：url（）;} 

重复{background-repeat：no-repeat;}

滚动{background-attachment：fixed;}（固定）scroll;（滚动）

位置{background-position：left;}（水平）top（垂直）; 

简写方法{background：＃000 url（..）repeat fixed left top ;} / *简写·这个在阅读代码中经常出现，要认真的研究* / 

区块属性:( Block）/ *这个属性第一次认识，要

多多研究* / 字间距{letter-spacing：normal; }数值/ *这个属性似乎有用，多实践下* / 

对齐{text-align：justify;}（两端对齐）left;（左对齐）right;（右对齐）center;（居中）

缩进{text- indent：数值px;} 

垂直对齐{vertical-align：baseline;}（基线）sub;（下标）super;（下标）top; 文本顶部; 中间; 底部; text-bottom; 

词间距word-spacing：normal; 数值

空格white-space：pre;（保留）nowrap;（不换行）

显示{*：block;}（块）inline;（内嵌）list-item;（列表项）run-in;（追加部分）compact;（紧凑）marker;（标记）table; 内联表; 表生的基团; 表头的基团; 表尺的基团; 表生; 表列的基团; 表列; 表细胞; table-caption;（表格标题）/ **属性的了解很模糊* / 

方框属性:( Box）

width：; 高度：; 浮动：; 明确：两者; 余量：; 填充：; 顺序：上右下左

边框属性:(边框）

border-style：dotted;（点线）dashed;（虚线）solid; double;（双线）groove;（槽线）ridge;（脊状）inset;（凹陷）outset; 

边框宽度：; 边框宽度

border-color：＃; 简写

方法border：width style color; / *简写* / 

列表属性:(列表式）

类型list-style-type：disc;（圆点）circle;（圆圈）square;（方块）decimal;（数字）lower-roman;（小罗码数字） ）上罗马; 下-α; upper-alpha; 

位置list-style-position：outside;（外）inside;

图像list-style-image：url（..）; 

定位属性:(位置）

位置：绝对; 相对的; 静态的; 

能见度：继承; 可见; 隐; 

溢出：可见; 隐; 滚动; 汽车; 

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％; / *设置行高* / 

font-weight：bold; / *文字粗体* / 

vertical-align：sub; / *下标字* / 

vertical-align：super; / *上标字* / 

text-decoration：line-through; / *加删除线* / 

text-decoration：overline; / *加顶线* /

文字装饰：下划线; / *加下划线* / 

text-decoration：none; / *删除链接下划线* / 

text-transform：capitalize; / *首字大写* / 

text-transform：uppercase; / *英文大写* / 

text-transform：小写; / *英文小写* / 

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边框空白

填充顶：10px的; / *上边框留空白* / 

padding-right：10px; / *右边框留空白* / 

padding-bottom：10px; / *下边框留空白* /

填充左：10px的; / *左边框留空白

三，CSS符号属性：

list-style-type：none; / *不编号* / 

list-style-type：decimal; / *阿拉伯数字* / 

list-style-type：lower-roman; / *小写罗马数字* / 

list-style-type：upper-roman; / *大写罗马数字* / 

list-style-type：lower-alpha; / *小写英文字母* / 

list-style-type：upper-alpha; / *大写英文字母* / 

list-style-type：disc; / *实心圆形符号* / 

list-style-type：circle; / *空心圆形符号* / 

list-style-type：square; / *实心方形符号* / 

list-style-image：url（/dot.gif）; / *图片式符号* / 

list-style-position：outside; / *凸排* / 

list-style-position：inside; / *缩进* / 

四，CSS背景样式：

background-color：＃F5E2EC; / *背景颜色* / 

background：transparent; / *透视背景* / 

background-image：url（/image/bg.gif）; / *背景图片* /

背景附件：固定; / *浮水印固定背景* / 

background-repeat：repeat; / *重复排列 - 网页默认* / 

background-repeat：no-repeat; / *不重复排列* / 

background-repeat：repeat-x; / *在x轴重复排列* / 

background-repeat：repeat-y; / *在y轴重复排列* / 

指定背景位置

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 / *鼠标转到链接* / 

鼠标光标样式：

链接手指CURSOR：hand 

十字体光标：十字线

箭头朝下光标：s-resize 

十字箭头光标：移动

箭头朝右光标：移动

加一问号光标：帮助

箭头朝左光标：w-resize 

箭头朝上光标：n-resize 

箭头朝右上光标：ne-resize 

箭头朝左上光标：nw-resize 

文字我的光标：文字

箭头斜右下光标：se-resize 

箭头斜左下光标：sw-resize 

漏斗光标：等

光标图案（IE6）p {cursor：url（“光标文件名。 cur“），text;} 

六，CSS框线一览表：

border-top：1px solid＃6699cc; / *上框线* / 

border-bottom：1px solid＃6699cc; / *下框线* / 

border-left：1px solid＃6699cc; / *左框线* / 

border-right：1px solid＃6699cc; / *右框线* / 

以上是建议书写方式，但也可以使用常规的方式如下：

border-top-color：＃369 / *设置上框线top颜色* / 

border-top-width：1px / *设置上框线顶部宽度* /

border-top-style：solid / *设置上框线top样式* / 

其他框架样式

solid / *实线框* / 

dotted / *虚线框* / 

double / *双线框* / 

groove / *立体内凸框* / 

ridge / *立体浮雕框* / 

inset / *凹框* / 

outset / *凸框* / 

七，CSS表单运用：

文字方块

按钮

复选框

选择钮

多行文字方块

下拉式菜单选项1选项2 

八，CSS边界样式：

margin-top：10px; / *上边界* / 

margin-right：10px; / *右边界值* / 

margin-bottom：10px; / *下边界值* / 

margin-left：10px; / *左边界值* / 

CSS属性：字体样式（字体样式）

序号中文说明标记语法

1字体样式{font：font-style font-variant font-weight font-size font-family} 

2字体类型{font-family ：”字体1” ，”字体2” ，”字体3” ，...}

3字体大小{font-size：数值|继承| 媒体| 大| 大| X-大| XX-大| 小| 小| X-小| xx-small} 

4字体风格{font-style：inherit | italic | normal | oblique} 

5字体粗细{font-weight：100-900 | bold | bolder | lighter | normal;} 

6字体颜色{color：数值;} 

7阴影颜色{text-shadow：16位色值} 

8字体行高{line-height：数值| inherit | normal;} 

9字间距{letter-spacing：数值| inherit | normal} 

10单词间距{word- spacing：数值| inherit | normal} 

11字体变形{font-variant：inherit | normal | small-cps} 

12英文转换{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 | 半冷凝|半发泡|超冷凝|超扩展|更宽}

文本样式（文字样式）

序号中文说明标记语法

1行间距{line-height：数值| inherit | normal;} 

2文本修饰{text-decoration：inherit | none | underline | overline | line-through | blink} 

3段首空格{text-indent：数值|继承} 

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} 

背景样式

序号中文说明标记语法

1背景颜色{background-color：数值} 

2背景图片{background-image：url （URL）|无} 

3背景重复{background-repeat：inherit | no-repeat | repeat | repeat-x | repeat-y} 

4背景固定{background-attachment：fixed | scroll} 

5背景定位{background-position：数值| top | bottom | left | right | center} 

6背影样式{background：背景颜色|背景图象|背景重复|背景附件|背景位置}

框架样式（Box Style）

序号中文说明标记语法

1边界留白{margin：margin-top margin-right margin-bottom margin-left} 

2补白{padding：padding-top padding-right padding-bottom padding-left} 

3边框宽度{border-width：border-top-width border-right-width border-bottom-width border-left-width} 

宽度值：thin | medium | thick |数值

4边框颜色{border-color：数值数值数值数值}数值：分别代表top，right，bottom，left颜色值

5边框风格{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：数值| auto} 

9漂浮{float：left | right | none} 

10清除{clear：none | left | right | both} 

分类列表

序号中文说明标记语法

1控制显示{*：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鼠标形状{cursor：hand | crosshair | text | wait | move | help | e-resize | nw-resize | w-resize | s-resize | se-resize | sw-resize}