/*-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
兼容性比较好