css中的颜色及长度
2015-07-06 10:57
323 查看
css中设置颜色常见方法:
1)颜色名称
css中设置复杂颜色的方法:
1)rgb(r,g,b)
in——英寸,cm——厘米,mm——毫米,pt——磅,pc——pica;
ps:绝对长度用的很少,一般要预先知道内容的呈现方式,创作与现实世界度量挂钩。
css中的相对长度:
em——与元素字号挂钩,ex——与元素字体的“x高度”挂钩,rem——与根元素的字号挂钩,px——css像素,%——另一属性的值得百分比
ps:浏览器通常将px当做绝对单位对待,大约等于1英寸的1/96;
CSS中的角度:
deg——度(0~360),grad——百分度(0grad~400grad),rad——弧度(0rad~6.28rad);turn——圆周(1turn等于360deg);
最后,css规范的分散性及其在浏览器中参差不齐的实现,可参考http://caniuse.com或者一个测试的js库:Modernizr(www.modernizr.com).
1)颜色名称
color:darkgray;2)十六进制
color:#a9a9a9;3)十进制
color:169,169,169;
css中设置复杂颜色的方法:
1)rgb(r,g,b)
color:rgb(122,128,144);2)rgb(r,g,b,a):a表示透明值
color:rgba(122,128,144,0.4);3)hsl(h,s,l):色相(hue),饱和度(saturation),明度(lightness);
color:hsl(120,100%,22%);4)hsla(h,s,l,a):a表示透明值
color:hsl(120,100%,22%,0.4);css中的绝对长度:
in——英寸,cm——厘米,mm——毫米,pt——磅,pc——pica;
ps:绝对长度用的很少,一般要预先知道内容的呈现方式,创作与现实世界度量挂钩。
css中的相对长度:
em——与元素字号挂钩,ex——与元素字体的“x高度”挂钩,rem——与根元素的字号挂钩,px——css像素,%——另一属性的值得百分比
ps:浏览器通常将px当做绝对单位对待,大约等于1英寸的1/96;
font-size:14px; height: 2em;
CSS中的角度:
deg——度(0~360),grad——百分度(0grad~400grad),rad——弧度(0rad~6.28rad);turn——圆周(1turn等于360deg);
最后,css规范的分散性及其在浏览器中参差不齐的实现,可参考http://caniuse.com或者一个测试的js库:Modernizr(www.modernizr.com).
相关文章推荐
- css字体属性(font)
- Google HTML/CSS代码风格指南(中文版)
- CSS属性选择器
- css笔记07:通配符选择器
- css积累
- css3 图片翻转效果
- CSS3实现10种Loading效果
- CSS 去除图片上下的间距或者间隙
- 2天驾驭DIV+CSS (技巧篇)(转)
- CSS:谈谈栅格布局
- Css 解决各种兼容问题
- CSS笔记1
- scss 在mac下编译
- Emmet:HTML/CSS代码快速编写器
- 详解CSS选择器、优先级与匹配原理
- (七十)Xcode5及以上对于状态栏和导航栏样式的设定方法
- (七十)Xcode5及以上对于状态栏和导航栏样式的设定方法
- Selenium_WebDriver登录模拟鼠标移动切换窗口等操作练习(cssSelector初练手)_Java
- IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表
- 【CSS】使用CSS改变超链接样式