CSS3新增Hsl、Hsla、Rgba色彩模式以及透明属性（转）

【CSS3新增Hsl、Hsla、Rgba色彩模式以及透明属性（转）】的更多相关文章

CSS3新增Hsl、Hsla、Rgba色彩模式以及透明属性（转）

CSS2中色彩模式只有RGB色彩模式(RGB即RED.Green.BLue)和十六进制(Hex)模式,为了能支持透明opacity 的Alpha值,CSS3又增加了RGBA色彩模式(RGBA即RED.Green.BLue.Alpha). 但是不管是RGB模式还是十六进制模式都无法主观感受,所以CSS3又加入HSL颜色模式.当然HSL模式也增加opacity的Alpha值:HSLA模式(HSL模式与HSLA模式的关系跟RGB与RGBA关系一样).接下来我们介绍 RGBA.HSL以及HSLA这几种…

CSS3 新增选择器：伪类选择器和属性选择器

一.结构(位置)伪类选择器( : ) 1.:first-child 2.:last-child 3.:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) <body> <ul> <li>我是第一个</li> <li>我是第二个</li> <li>我是第三个</li> <li>我是第四个</li> <li>我是第五个</li>…

css3新增功能

CSS3新增功能 1 CSS3选择器详解 1.1 基础选择器通配选择器* 元素选择器E ID选择器#id CLASS选择器.class 群组选择器select1,selectN 1.2 层次选择器后代选择器 E F 子选择器 E>F 相邻兄弟选择器 E+F 通用兄弟选择器 E~F 1.3 属性选择器 E[attr] 选择具有att属性的E元素. E[attr="val"] 选择具有att属性且属性值等于val的E元素. E[attr~="val"] 选择具…

CSS3新增

1 CSS3 的选择器 1.1 基本选择器 tagName .className #idName * slector,selector,selector 1.2 层级选择器 selector1 selector2 后代 selectoer1>selectoer2 子元素 selector1+selector2 紧邻在后面的兄弟元素 selector1~selector 后面所有兄弟元素 1.3 属性选择器 selector[attr] 包含指定的属性 selector[attr=value] 指…

CSS3 新增颜色表示方式

一.CSS1&2颜色表示方式(W3C标准) 1.Color name 颜色名称方式(用颜色关键字表示对应的颜色.) 例如:red(红色).blue(蓝色).pink(粉色) 优点:方便快捷而且特定颜色比较准确缺点: 表示颜色数量有限. 不支持透明颜色. 2.HEX方式十六进制方式(使用十六进制表示颜色) 语法:#RRGGBB 或 #RGB 取值: RR: 红色值.十六进制正整数 GG: 绿色值.十六进制正整数 BB: 蓝色值.十六进制正整数取值范围:00-FF 例如:#…

css3新增属性API

写在前面:由于CSS5标准还未完全订下来,所以各种内核的浏览器都有自己的标准,为了不使属性混淆,所以各家在各自标准前加了一个前缀. -moz- 主要是firefox火狐 -webikt-主要是chrome谷歌和Safari -o-主要是用于苹果机上的浏览器如Opera 下面主要从颜色.文本.选择器等方面来总结一下CSS3新增的属性颜色 css1和css2只能通过以下三种方式来表示颜色颜色名称 eg:color:red HEX方式 (语法:#RRGGBB或#RGB 各点的取值范围为00…

高效开发之SASS篇灵异留白事件——图片下方无故留白你会用::before、::after吗 link 与 @import之对比学习前端前必知的——HTTP协议详解深入了解——CSS3新增属性菜鸟进阶——grunt $(#form :input)与$(#form input)的区别

高效开发之SASS篇作为通往前端大神之路的普通的一只学鸟,最近接触了一样稍微高逼格一点的神器,特与大家分享~ 他是谁? 作为前端开发人员,你肯定对css很熟悉,但是你知道css可以自定义吗?大家都知道,js中可以自定义变量,css仅仅是一个标记语言,不是编程语言,因此不可以自定义变量,也不可以引用等等.作为一名程序员,不能编程怎么能忍受,这就是sass存在的意义,工业化生产,让CSS程序范儿. 主要目的就是让你写CSS时不在重复. SASS优点可以简单的规纳为以下几点: 增加了一些编程特性…