Css+div 常用CSS标签及属性

Css+div 常用CSS标签及属性

2009年10月15日评论(0)|浏览(64) 点击查看原文

CSS中的长度

绝对单位：几乎不用在网页中

in 英寸1in = 2.54cm

cm 厘米1cm = 0.394in

pt 磅1in = 72pt

pc pica 1in = 6pc

相对单位：较常用

em 1em = 相应字体的font-size值

ex 1ex = 相应字体中的小写x字母的高度值，较难求得，一般取0.5em px 最为常用的

CSS中的元素分类

display 设定元素所属类别，不可继承

none(设定为不显示在屏幕上)

block(块级元，包括P,H1-H6,list,div,body)

inline(内联元，包括a,em,span)

list-item(列表元，如LI)

颜色与背景类

color 设置文字颜色

#rgb #rrggbb rgb(255,255,255) rgb(100%,100%,100%)

H1{color:red}

H1{color:#f00}

H1{color:#ff0000}

H1{color:rgb(255,0,0)}

H1{color:rgb(100%,0%,0%)}

background-color 设置背景颜色，格式同上；不可继承，可用于所有元BODY{background-color:red}

BODY{background-color:#f00}

BODY{background-color:#ff0000}

BODY{background-color:rgb(255,0,0)}

BODY{background-color:rgb(100%,0%,0%)}

background-image 设置背景图片，默认为none，不可继承，可用于所有元url(imageURL) none

body{backround-image:url(back.jpg);}

background-repeat 设置背景图片是否重复排列，不可继承，用于所有元repeat(XY轴均重复) repeat-x(X轴重复排列) repeat-y(Y轴重复排列)

No-repeat(不重复排列，默认值)

BODY{background-repeat:repeat-x;}

BODY{background-repeat:No-repeat;}

background-attachment 设定背景图片是否卷动，不可继承，用于所有元scroll(随网页卷动，默认值) fixed(不随网页卷动)

BODY{background-attachment:fixed;}

background-position 设定背景图片或背景颜色开始显示的位置，不可继承，用于块级元和可替换元

top,buttom,left,right,center(用关键字)

70px 10px(用长度值)

50% 30%(用百分比)

BODY{background-position:right top;}

BODY{background-position:50px 10px;}

BODY{background-position:20% 50%;}

background 定义背景综合属性，不要求顺序，各属性值以空格分开

BODY{background:#ffcc00 url(bg.jpg) fixed center}

字型类

font-family 设置字型属性，取值可以是任何字型名称，缺省为浏览器内定字型，可以设多个以逗号(,)分开，有空格的英文字型可用单引号或双引号括起来。可继承，用于所有元

P{font-family:宋体,楷体,黑体,"Time New Rom";}

font-style 设定字型样式，可继承，用于所有元

Normal(正常，默认值) italic(斜体) objlique(直斜体)

P{font-style:italic;}

font-variant 需要特定的字体配合，可继承，用于所有元

Normal(默认) small-caps(如果是中文字型则将字型缩小显示，如果是英文则全部改为较小的大写)

H3{font-variant:small-caps;}

font-weight 设定字体粗细，可继承，用于所有元

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

由于浏览器支持程度不同，一般只用normal和bold两种属性

P{font-weight:bold;}

font-size 设定字体的大小，可继承，用于所有元

绝对大小：xx-small x-small small medium（默认值）large x-large xx-large; 相对大小：larger smaller

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

亦可用百分比表示

H2{font-size:36pt;}

P{font-size:200%;}

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

{font-style font-variant font-weight font-size /line-height font-family;} P{bold 12pt/14pt impact,Arial;}

文字类

letter-spacing 设定文字间距，默认为0，可为负值，可继承，用于所有元

P{letter-spacing:5pt;}

text-decoration 设定文字加上下划线、删除线等效果，不可继承，用于所有元none(无，默认值) underline(下划线) overline(上划线) line-through(删除线) vertical-align 设定文字或图片垂直方向的对齐方式

baseline(默认值) sub(下标) super(上标) top(垂直向上对齐) middle(垂直居中) bottom(垂直向下对齐) 百分比(相对于行高，可为负值)

text-transform 转换英文字母大小写，可继承，用于所有元

none(默认值) capitalize(首字母大写) uppercase(所有英文字母大写) lowercase(所有英文字母小写)

text-align 设置文字的水平对齐方式，可继承，用于块级元

left(左对齐) right(右对齐) center(水平居中) justify(左右对齐)

text-indent 设定标记元素内文字的首行缩进或配合margin-left属性设定首行凸排，可为负值，可继承，用于块级元