笔记：2016-6-13

/*-webkit- 指的是chrome的内核*/
            /*-webkit-border-radius: 10px;*/
            /*-moz- 指的是火狐浏览器*/
            /*-moz-border-radius: 10px;*/
            /*-o- 指的欧朋浏览器*/
            /*-ms- 指的IE浏览器*/

even偶数的元素 1,3,5

odd奇数 2,4,6

 

子盒子及内容会继承父盒子的透明度

css3

新增了RGBA、HSLA模式，其中的A 表示透明度通道，即可以设置颜色值的透明度，相较opacity，它们不具有继承性，即不会影响子元素的透明度。

Red、Green、Blue、Alpha即RGBA

Hue、Saturation、Lightness、Alpha即HSLA

R、G、B 取值范围0~255

H 色调 取值范围0~360，0/360表示红色、120表示绿色、240表示蓝色

S 饱和度 取值范围0%~100%

L 亮度 取值范围0%~100%

A 透明度 取值范围0~1

关于透明度：

1、opacity只能针对整个盒子设置透明度，子盒子及内容会继承父盒子的透明度；

2 、transparent 不可调节透明度，始终完全透明

RGBA、HSLA可应用于所有使用颜色的地方。

 

CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。

可以分成两种情况：

1、box-sizing: border-box 计算方式为width = border + padding + content

2、box-sizing: content-box 计算方式为width = content

兼容性比较好