好文档 - 专业文书写作范文服务资料分享网站

常用CSS标签及属性对照表

天下 分享 时间: 加入收藏 我要投稿 点赞

Normal( 默认 ) bold bolder lighter 100 200...900

由于浏览器支持程度不同,一般只用 P{font-weight:bold;}

normal 和 bold 两种属性

font-size 设定字体的大小,可继承,用于所有元 绝对大小: xx-small x-small small medium (默认值) 相对大小: larger 亦可用百分比表示H2{font-size:36pt;} P{font-size:200%;} font

smaller

数字表示可用单位:磅 (pt), 像素 (px), 英寸 (in), 厘米 (cm);

large x-large xx-large;

设定字型的综合属性,必须含有字体名称和字体大小,顺序如下

font-variant

font-weight font-size /line-height font-family;}

P{bold 12pt/14pt

{font-style 文字类

impact,Arial;} letter-spacing

设定文字间距,默认为

0,可为负值,可继承,用于所有元

P{letter-spacing:5pt;}

text-decoration 设定文字加上下划线、删除线等效果,不可继承,用于所有元 none(无,默认值 ) vertical-align baseline(默认值 ) text-transform none(默认值 ) 英文字母小写 )

text-align 设置文字的水平对齐方式,可继承,用于块级元 left( 左对齐 ) text-indent line-height white-space 值) 列表类 list-style-type

有序列表的编号方式(供标记使用) ,可继承

lower-roman: 小写罗马数字

upper-roman: 大写罗马数字

none: 无编号 decimal: 阿拉伯数字 list-style-type list-style-image url( 图片名称 )

right( 右对齐 )

center(水平居中 )

justify( 左右对齐 )

margin-left 属性设定首行凸排, 可为负

设定标记元素内文字的首行缩进或配合

underline( 下划线 ) sub(下标 )

overline( 上划线 )

line-through( 删除线 )

middle( 垂直居中 )

设定文字或图片垂直方向的对齐方式

super( 上标 )

top( 垂直向上对齐 )

百分比 (相对于行高,可为负值 )

uppercase(所有英文字母大写 )

lowercase( 所有

bottom( 垂直向下对齐 )

转换英文字母大小写,可继承,用于所有元 capitalize( 首字母大写 )

值,可继承,用于块级元

设定行高,声明方式有标准行高、固定值表示法、百分比行高(相对于字体尺设定空白符处理方式,不可继承,用于块级元

nowrap( 文字不在块中自动换行 )

normal( 忽略空白符,默认

寸)、字型大小比例行高等,可继承,用于所有元 pre(不忽略块中的空白符 )

lower-alpha: 小写英文字母 upper-alpha:大写英文字母

无序列表的符号样式(供使用) ,可继承 无序列表的自定义符号样式,可继承 none(默认值 )

none:无符号 disc:实心圆符号 circle: 空心圆符号 square:实心方形符号

UL{list-style-imag:url(dd.gif);}

list-style-position 设置列表清单符号缩排属性,可继承 outside(凸排,默认值 )

inside( 缩排 )

6

UL{list-style-imag:url(dd.gif); list-style-position:outside;} list-style

列表清单项目的综合设定,属性之间用空格隔开

UL{list-style-imag:url(dd.gif) inside;}

边 界 及 其 相 关 类 margin

标记元素边界值的综合设定,可为负值,不可继承,用于所有元。应用于块级元

声明

时,纵向相邻边界被压缩 /重叠;应用于内联元时,不影响文本的行高。

亦可以用 margin-top 、margin-right 、margin-bottom 、margin-left 分开设定各边的边界。 4 个值,其顺序为上、右、下、左边界,如: 16pt;}

声明 2 个值,其顺序为上、右,缺少的下、左边界取其对边,如: 声明 1 个值,则 4 个边界同一个值,如: DIV{margin:15pt;} padding

设定标记内容与标记边框之间的留白的综合设定,不能为负值,不可继承,用于

padding-top 、padding-right 、padding-bottom 、 padding-left 各值。

标 记 元 素 边 框 宽 度 的 综 合 设 定 。 也 可 分 开 设 定 border-top-width 、

所有元。也可分开设定 border-width

DIV{margin:12pt 15pt;}

DIV{margin:12pt 15pt 20pt 16pt;}

声明 3 个值, 其顺序为上、 右、下,缺少的左边界取其对边 (右),如:DIV{margin:12pt 15pt

border-right-width 、border-bottom-width 、border-left-width 各值

border-color 标记元素边框颜色的综合设定(规则类似于 margin 属性)。颜色取值见 color 属性。 也可分开设定 border-top-color 、border-right-color 、border-bottom-color 、border-left-color 各值

border-style 标记元素边框样式的综合设定(规则类似于

margin 属性)。边框样式有 none(默

认值 ),dotted,dashed,solid,double,goove,ridge,inset,outset 等。 也可分开设定 border-top-style 、 border-right-style 、 border-bottom-style 、border-left-style 各值 border width height float

标记元素 4 个边框的综合设定,可以分别声明边框宽度、边框样式、和边框颜色 设定标记元素的宽度 设定标记元素的高度

设定标记元素与文字间的相对位置(文字绕排方式)

,不可继承,用于所有元

DIV{border:5pt solid #ff0000;}

none:以默认方式显示

left: 标记元素靠左,文字在右边绕排 right: 标记元素靠右,文字在左边绕排 clear 设定标记元素与文字间的相对位置(与 继承,用于所有元 none:以默认方式显示;

left: 标记元素靠左,右边无文字绕排; right: 标记元素靠右,左边无文字绕排; 定位

z-index 设定标记元素的堆叠层次,取值为整数,也可以是负数,数值大的在上层,不可继承,用于定位元

visibility 设定标记元素是否可见,不可继承,用于所有元 inherit: 取默认值 visible: 可见 hidden:不可见(隐藏) position

设定定位样式,不可继承,用于所有元

relative( 相对定位 )

absolute(绝对定位 )

fixed

inherit

static(默认值 )

collapse

float 不同的是标记元素两边都不绕排) ,不可

7

常用CSS标签及属性对照表

Normal(默认)boldbolderlighter100200...900由于浏览器支持程度不同,一般只用P{font-weight:bold;}normal和bold两种属性font-size设定字体的大小,可继承,用于所有元绝对大小:xx-smallx-smallsmallmedium(默认值)相对
推荐度:
点击下载文档文档为doc格式
5i9tu1s7cm0fvam2gyzr6h1tx45dea007kk
领取福利

微信扫码领取福利

微信扫码分享