快速业务通道

CSS教程:CSS3新功能和新特性

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-25
5、Safari 3、Firefox和Konqueror。他们分别使用-o-background-size、-webkit-background-size和-khtml-background-size、-moz-background-size属性。例如:

 

Code:
background-size: 200px 50px;

 



通过CSS3实现多重背景
CSS3允许同一个元素中有多个背景图片。你可以用逗号将不同的背景定义分隔开已定义多重背景。比如:

 

Code:
background: url(body-top.gif) top left no-repeat, url(banner_fresco.jpg) top 11px no-repeat, url(body-bottom.gif) bottom left no-repeat, url(body-middle.gif) left repeat-y;

 

 目前已经实现这一属性的浏览器有:Webkit和KHTML (Konqueror)。


HSL颜色值
跟使用16进制的RGB(红、绿、蓝)颜色值一样,CSS3也可以识别HSL(色相、饱和度、亮度)颜色值。
HSL颜色值有三个参数:
色相是指色盘的度数,0度或360度是红色,120度是绿色,240度是蓝色。我们可以在0度到360度之间取值以表示不同的色调。
饱和度值是一个百分数,100%表示完全饱和的颜色。
亮度值也是一个百分数,0%表示全黑,100%表示全白,50%则表示中间值。
这种颜色值为我们确定可用颜色和风格提供了一个非常广阔的空间。
现如今,HSL已经被Opera 9.5、Safari 3、Konqueror和Mozilla浏览器所实现。
例如:

 

Code:
<div style="background-color: hsl(0,100%, 50%);"></div>
<div style="background-color: hsl(120,100%, 50%);"></div>
<div style="background-color: hsl(240,100%, 50%);"></div>

 

 相当于:

 

Code:
<div style="background-color: rgb(255,0,0);"></div>
<div style="background-color: rgb(0,255,0);"></div>
<div style="background-color: rgb(0,0,255);"></div>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号