你的位置:首页 > 软件开发 > 网页设计 > 总结CSS3新特性(颜色篇)

总结CSS3新特性(颜色篇)

发布时间:2015-07-14 16:00:08
颜色:CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值;hsl():hsl函数:h(色调),s(饱和度),l(亮度);色调:为0-360之间的数值[经实验,可以为小数];饱和度与亮度:均为百分比;下图截自http://www.w3. ...

颜色:

CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值;

hsl():

hsl函数:h(色调),s(饱和度),l(亮度);

色调:为0-360之间的数值[经实验,可以为小数];

饱和度与亮度:均为百分比;

下图截自http://www.w3.org/wiki/CSS/Properties/color/HSL

总结CSS3新特性(颜色篇)

当亮度为100%时为白色,当亮度为0%为黑色;

饱和度100%以及亮度50%时生成的颜色均为web安全色

rgb():

rgb函数:r(red),g(green),b(blue)[计算机三原色];

值可以为0-255任意整数或百分比;

如超出范围,取最近的有效值:

em { color: rgb(300,0,0) }    /* clipped to rgb(255,0,0) */em { color: rgb(255,-10,0) }   /* clipped to rgb(255,0,0) */em { color: rgb(110%, 0%, 0%) } /* clipped to rgb(100%,0%,0%) */

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:总结CSS3新特性(颜色篇)

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。