CSS3 选择器 边框 渐变 弹性盒子

一、选择器 （黄色背景的是CSS3中新选择器）

1. 元素选择器

选择器	类型	说明
*	通配选择器	所有元素
E	元素选择器
E#myid	id 选择器	以标识符 id 等于 myid 的E作为选择器
E.myclass	class 选择器	以 class 包含 myclass 的E作为选择器

2. 关系选择器

3. 结构伪类选择器
child 是相对于父元素说的，type 是相对于兄弟元素来说的。

4. 状态伪类选择器

5. 属性选择器

6. 伪对象（元素）选择器

二、边框

属性名称	属性值
border-radius 圆角	四个角分开写： border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius:10px; border-bottom-left-radius: 10px; 合并属性： border-radius：值 a ：四角都为相同的圆角状态 a b ：左上，右下都为a，右上，左下都为b a b c ：表示左上为a， 右上和左下为b， 右下为c a b c d ：表示 左上 右上 右下 左下 值为50% 表示圆或椭圆
box-shadow 阴影	box-shadow: h-shadow v-shadow blur spread color inset; h-shadow： 水平阴影的位置，允许负值。必需 v-shadow： 垂直阴影的位置，允许负值。必需 blur： 模糊距离。值越大，越模糊 spread： 阴影的尺寸。阴影向外扩张的距离 color： 阴影的颜色。 inset： 内部阴影，不设置默认为外部阴影 (outset) 。
border-image 图像边框 （兼容性写法：优雅降级或渐进增强）	五个属性分开写： border-image-source: 图片的路径; border-image-slice: 图片边框向内偏移; border-image-width:图片边框的宽度。; border-image-outset: 边框图像区域超出边框的量; border-image-repeat：图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched) 合并属性：border-image： source slice width outset repeat

三、背景

属性名称	含义
background-size（兼容写法）	背景图片的大小
background-origin （兼容写法）	content-box、padding-box 或 border-box 。背景图片的定位区域

CSS3 可以设置多个背景图片：

body
{
    
   background-image:url(bg_flower.gif),url(bg_flower_2.gif)<