2024年4月8日发(作者:)

Css+div总结的一些常用CSS标签及属性

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();}

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(不随网页卷动)