Css+div 常用CSS标签及属性.doc

Css+div常用CSS标签及属性
2009年10月15日评论(0)|浏览(64)HYPERLINK"http://user.qzone.qq.com/389017300/blog/1255594252"\t"_blank"点击查看原文
CSS中的长度
绝对单位：几乎不用在网页中
in英寸1in=2.54cm
cm厘米1cm=0.394in
pt磅1in=72pt
pcpica1in=6pc
相对单位：较常用
em1em=相应字体的font-size值
ex1ex=相应字体中的小写x字母的高度值，较难求得，一般取0.5em
px最为常用的
CSS中的元素分类
display设定元素所属类别，不可继承
none(设定为不显示在屏幕上)
block(块级元，包括P,H1-H6,list,div,body)
inline(内联元，包括a,em,span)
list-item(列表元，如LI)
颜色与背景类
color设置文字颜色
#rgb#rrggbbrgb(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(用关键字)
70px10px(用长度值)
50%30%(用百分比)
BODY{background-position:righttop;}
BODY{background-position:50px10px;}
BODY{background-position:20%50%;}
background定义背景综合属性，不要求顺序，各属性值以空格分开
BODY{background:#ffcc00url(bg.jpg)fixedcenter}
字型类
font-family设置字型属性，取值可以是任何字型名称，缺省为浏览器内定字型，可以设多个以逗号(,)分开，有空格的英文字型可用单引号或双引号括起来。可继承，用于所有元
P{font-family:宋体,楷体,黑体,"TimeNewRom";}
font-style设定字型样式，可继承，用于所有元
Normal(正常，默认值)italic(斜体)objlique(直斜体)
P{font-style:italic;}
font-variant需要特定的字体配合，可继承，用于所有元
Normal(默认)small-caps(如果是中文字型则将字型缩小显示，如果是英文则全部改为较小的大写)
H3{font-variant:small-caps;}
font-weight设定字体粗细，可继承，用于所有元
Normal(默认)boldbolderlighter100200...900
由于浏览器支持程度不同，一般只用normal和bold两种属性
P{font-weight:bold;}
font-size设定字体的大小，可继承，用于所有元
绝对大小：xx-smallx-smallsmallmedium（默认值）largex-largexx-large;
相对大小