| 语 言 |
功 能 |
| 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: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 项目符号 |
|
| |
|
| 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:transparent; |
透视背景 |
| background-image:url(image/bg.gif); |
背景图片 |
| background-attachment:fixed; |
浮水印固定背景 |
| 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:crosshair |
十字体 |
| cursor:s-resize |
箭头朝下 |
| cursor:help |
加一问号 |
| cursor:w-resize |
箭头朝左 |
| cursor:n-resize |
箭头朝上 |
| cursor:ne-resize |
箭头朝右上 |
| cursor:nw-resize |
箭头朝左上 |
| cursor:text |
文字 I 型 |
| cursor:se-resize |
箭头斜右下 |
| cursor:sw-resize |
箭头斜左下 |
| cursor:wait |
漏斗 |
| |
|
| 五、CSS 边框属性 |
|
| |
|
| border-top:1px solid #6699cc; |
上框线 |
| border-bottom:1px solid #6699cc; |
下框线 |
| border-left:1px solid #6699cc; |
左框线 |
| border-right:1px solid #6699cc; |
右框线 |
| solid |
实线框 2+6010 |
| 47dotted |
虚线框 |
| double |
双线框 |
| groove |
立体内凸框 |
| ridge |
立体浮雕框 |
| inset |
凹框 |
| outset |
凸框 |
| |
|
| 六、CSS 表单 |
|
| |
|
<input type="text" name="T1" size="15"> |
文本域 |
<input type="submit" value="submit" name ="B1"> |
按钮 |
<input type="checkbox" name="C1"> |
复选框 |
<input type="radio" value="V1" checked name="R1"> |
单选按钮 |
<select size="1" name="D1"><option>选项1</option> |
<option>选项 2</option></select> |
列表菜单 |
<textarea rows="1" name="1" cols="15"> |
多行文本域 |
| |
|
| 七、CSS 边界样式 |
|
| |
|
| margin-top:10px; |
上边界 |
| margin-right:10px; |
右边界值 |
| margin-bottom:10px; |
下边界值 |
| margin-left:10px; |
左边界值 |
| |
|
| 八、CSS 边框空白 |
|
| |
|
| padding-top:10px; |
上边框留空白 |
| padding-right:10px; |
右边框留空白 |
| padding-bottom:10px; |
下边框留空白 |
| padding-left:10px; |
左边框留空白 |
