日期:2013-04-25  浏览次数:21240 次


最近在做网页的项目 很多东西都忘记了  我整理一下CSS+div 常用标签 希望可以协助我和大家共同学习一下 先把整个网站构架起来才是基础,下一步才是加入jsp和Ajax。
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   设定背景图片能否卷动,不可承继,用于所有元 本文链接http://www.cxybl.com/html/wyzz/CSS/20121120/34047.html