《常见CSS属性一览表.docx》由会员分享，可在线阅读，更多相关《常见CSS属性一览表.docx（3页珍藏版）》请在三一文库上搜索。
1、属性名称 颜色与背景类colorbackgroundcolorbackgroundimagebackgroundrepeatbackgroundattachmentbackgroundpositionbackground字型类font-familyfont-stylefont-variantfont-weightfont-size常见CSS属性属性功能及其取值设置文字颜色#rgb#rrggbbrgb（255,255,255）rgb（100%,100%,100%）设置背景颜色，格式同上。设置背景图片，url（imageURL）设置背景图片是否重复排列：repeat-x（X轴重复排列）;repea
2、t-y（Y轴重复排列）;No-repeat（不重复排歹U ）设定背景图片是否卷动，默认为卷动。scroll（卷动）fixed（不卷动）设定背景图片或背景颜色开始显示的位置，取值格式：top,buttom,left,right,center（用关键字）70Px 10Px（用长度值）50% 30%相百分比）定义背景综合属性，不要求顺序，各属性值以空格分开。设置字型属性，取值可以是任何字型名称，缺省 为浏览器内定字型，可以设多个以逗号（,）分开， 有空格的英文字型可用单引号或双引号括起来。设定字型样式：Normal（正常）,italic、objlique（斜 体）取值：Normal（默认），smal
3、l-caps（如果是中文字型 则将字型缩小显示，如果是英文则全部改为较小 的大写）设定字体粗细，取值有：Normal（默认）,bold,lighter,border,100,200900 由于浏览器支持程度不同，一般只用 normal和bold两种属性。设定字体的大小；绝对大小：xx-small,x-small,small,mediumlarge,x- large,xx-large;.表用法说明与范例H1color:redH1color:#f00H1color:#ff0000H1color:rgb(255,0,0)H1color:rgb(100%,0%,0%)BODYbackground-co
4、lor:red BODYbackground-color:#f00 BODYbackground-color:#ff0000 BODYbackground-color:rgb(255,0,0)BODYbackground-color:rgb(100%,0%,0%)bodybackround-image:url;BODYbackground-repeat:repeat-x; BODYbackground-repeat:No-repeat;BODYbackground-attachment:fixed;BODYbackground-position:right top;BODYbackground
5、-position:50px 10px;BODYbackground-position:20% 50%;BODYbackground:#ffcc00 url fixed centerPfont-family:宋体，楷体，黑体,Time New Rom;Pfont-style:italic;H3font-variant:small-caps;Pfont-weight:bold;H2font-size:36pt;Pfont-size:200%;fontletter-spacingtext-decorationvertical-aligntext-transformtext-aligntext-in
6、dentline-height列表类list-style-typelist-style-typelist-style-imagelist-style- positionlist-style边界及其相关类marginULlist-style-imag:url;ULlist-style-imag:url; list-style-position:outside;ULlist-style-imag:url inside;声明4个值，其顺序为上、右、下、左边界，如：DIVmargin:12pt 15pt 20pt 16pt;声明3个值，其顺序为上、右、下，缺少的左相对大小:larger,smaller
7、;数字表示可用单位：磅（pt）,像素（px）,英寸（in）,厘米（cm）;亦可用百分比表示。设定字型的综合属性，其顺序如下：font-style font-variant font-weight font-size /line- Pbold 12pt/14Pt impact,Arial; height font-family;设定文字间距。Pletter-spacing:5pt;设定文字加上下划线、删除线等效果：none（无）underline（下划线）overline（上划线）line-through（删除线）设定文字或图片垂直方向的对齐方式：baseline:默认值 sub:下标 supe
8、r:上标top:垂直向上对齐middle:垂直居中bottom:垂直向下对齐。转换英文字母大小写：none:默认值capitalize:首字母大写 uppercase:所有英文字母大写lowercase:所有英文字息小写。设置文字的水平对齐方式：left:左对齐right:右对齐center:水平居中justify:左右对齐。设定标记元素内文字的首行缩进或配合marginleft 属性设定首行凸排。设定行高，声明方式有标准行高、固定值表示法、百分比行高、字型大小比例行高等。有序列表的编号方式（供OL相记使用）：none:无编号decimal:阿拉伯数字 lower-roman:小 写罗马数字
9、upper-roman:大写罗马数字 lower- alpha:小写英文字母 upper-alpha:大写英文字母。无序列表的符号样式（供6用）：none:无符号disc:实心圆符号circle:空心圆符号 square:实心方形符号。无序列表的自定义符号样式：格式：url（图片名称）设置列表清单符号缩排属性：outside:凸排 inside:缩排列表清单项目的综合设定，属性之间用空格隔 开。标记元素边界值的综合设定。（其规则见右边范 例）亦可以用 margin-top margin-right margin-bottom margin-left分开设定各边的边界。边界取其对边（右），如：D
10、IVmargin:12Pt 15pt16pt;声明2个值，其顺序为上、右，缺少的下、左边界取其对边，如：DIVmargin:12Pt 15pt;声明1个值，则4个边界同一个值，如：DIVmargin:15pt;padding设定标记内容与标记边框之间的留白的综合设定也可分开设定padding-top、padding-right、（规则见 margin 属性的范例）。padding-bottom、padding-left 各值。border-width上一一主华1l生小人、儿/小口/山小十也可分开设定 border-top-width、border-right-标记兀素边框宽度的综合设定（规则类
11、似于width、border-bottom-width 、border-left-widthmargin属性）。各值。border-color上一一主华力e小人、儿/小口/山小十也可分开设定 border-top-color border-right-.仃color、border-bottom-color 、 border-left-color 各margin属性）。颜色取值见 color属性。值标记兀素边框样式的综合设TE （规则类似于也可分开设th border-top-style border-right-border-stylemargin 属性）。边框样式有style、 border
12、-bottom-style、 border-left-style 各solid,double,goove,ridge,inset,outset 等。值。标记元素4个边框的综合设定，可以分别声明边border框宽度、边框样式、和边框颜色。DIVborder:5pt solid #ff0000;width height设定标记元素的宽度。设定标记元素的高度。设定标记元素与文字间的相对位置（文字绕排方式）。取值：floatnone:以默认方式显不；left:标记元素靠左，文字在右边绕排；right:标记兀素晶右，文子在左边绕排；设定标记元素与文字间的相对位置（与 float不同的是标记兀素两边都不绕排）。取值：clearnone:以默认方式显不；left:标记元素靠左，右边无文字绕排； right:标记兀素靠右，左边无文子绕排；其他类设定标记元素的堆叠层次，取值为整数，也可以z-index是负数，数值大的在上层。设定标记元素是否可见，取值有：visibilityinherit:取默认值visible:可见hidden:不可见（隐 藏）该表只列出常用的 CSSS性.及简要介绍其中要功能,若要了解各所有属性和具体的用法.请参考相关书籍。当 然.实践是最好的提高办法。