最近在做网页的项目 很多东西都忘记了 我整理一下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