css属性一览表

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: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-color:#F5E2EC	背景颜色
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	鼠标转到链接
鼠标光标样式
ie(cursor: hand) firefox(cursor:pointer)	链接手指
cursor:crosshair	十字体
cursor:s-resize	箭头朝下
cursor:move	十字箭头
cursor:e-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	漏斗
p{cursor:url("光标文件名.cur"),text;}	光标图案(IE6)
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	设置上框线top宽度
border-top-style : solid	设置上框线top样式
其他框线样式
solid	实线框
dotted	虚线框
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">	单选按钮
<textarea rows="1" name="1" cols="15"></textarea>	多行文本域
<select size="1" name="D1"><option>选项1</option> <option>选项2</option></select>	列表选项： 选项1选项2
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	左边框留空白