CSS的一个属性有时会有多个值,这样就可以将不同的样式组合在一起,为网页提供更为丰富的样式效果。例如,在background属性中,可以指定background-color、background-im
CSS的一个属性有时会有多个值,这样就可以将不同的样式组合在一起,为网页提供更为丰富的样式效果。
例如,在background属性中,可以指定background-color、background-image、background-repeat等多个值。下面是一个例子: div { background: #eee url(bg.gif) no-repeat top right; } 这里,背景的颜色为浅灰色,同时使用一个名为bg.gif的图片作为背景,设置这个图片不进行平铺,并把它放在背景的右上角(使用top right)。
而在border属性中,也可以将不同的值组合起来,实现不同种类和不同颜色的边框效果。例如:
div { border: 1px solid #999999; } 这里,边框的宽度为1像素,实线样式,颜色为#999999。
最后需要注意的是,在某些属性中,写入的值不区分先后顺序,而在其他属性中,写入的值必须按照特定的先后顺序。如果放错了位置,可能会造成无法预期的结果。
例如,margin属性中的值必须按照上、右、下、左的顺序写入,否则会产生预期外的结果: div { margin: 10px 20px 30px; /* 这里漏写了第四个值,会发生什么?*/ } 在这个例子中,由于漏写了第四个值,即左侧的边距,所以左侧的边距就会出现0的情况,与其他三个方向的边距产生不一致的效果。如果想要避免这种情况,应该将四个方向上的边距都写上,即: div { margin: 10px 20px 30px 40px; }
因此,在编写CSS的时候,需要注意这些属性值的先后顺序及其组合方式,以取得预期的效果。
粉丝
0
关注
0
收藏
0