日期:2014-05-17  浏览次数:20757 次

css的使用

background的一些疑惑:

background: url(../images/member_centerDetail_top.png) no-repeat 10px 8px;

url是指定引用的图片的路径;

no-repeat是表示图片不重复;

10px 8px 是表示图片左上顶点相对于外层dom(例如:div)对象的左上顶点的水平位置10px,垂直位置8px。这两个值和background-position 属性是一样的,即设置背景图像的起始位置。

----------------------

.memberCenter .memberCenterDetail .top {
?background: url(../images/member_centerDetail_top.png) no-repeat 10px 8px;
?border: 1px solid #CCCCCC;
?width: 940px;
?height: 45px;
?line-height: 40px;
?padding-left: 40px;
?clear: both;
?font-size: 14px;
?font-weight: bold;
?color: #595959;
?overflow: hidden;
?}

==>

指定类样式为memberCenter的div 中类样式为memberCenterDetail的div 中类样式为top的div的样式。