CSS3的是真的开始收集许多Firefox，Safari和谷歌浏览器支持CSS3的工作草案中概述的命令的势头。 我们认为，我们就会把一些我们的最爱。 在我们开始之前CSS3命令都需要浏览器特定的语法为他们的工作。

对于Mozilla Firefox中，我们需要使用- MOZ -前缀，例如：

MOZ边界半径：

Safari浏览器WebKit的前缀，例如：

WebKit的边界半径：

1。 边界半径

CSS3的边界半径命令创建一个元素的圆角。 而不是使用4个或更多的图像来创建圆角使用下面的命令：

Mozilla Firefox的/ * * /
MOZ边界半径：20像素;

的Safari和谷歌Chrome / * * /
- WebKit的边界半径：20像素;
}

2。 盒阴影

阴影可以适用于使用CSS3盒阴影命令的元素。 盒子的阴影接受三个数值加一种颜色来应用此效果。 这些数字是：

1。 横向阴影的偏移距离 - 正值意味着阴影将转换的权利和负值左
2。 垂直的阴影的偏移距离 - 正值意味着阴影投在下面和上面负值
3。 你想如何模糊的阴影

随着另外一个颜色值的阴影是完整的：

Mozilla Firefox的/ * * /
MOZ -框阴影：5px 5px 5px＃b6ebf7;

的Safari和谷歌Chrome / * * /
WebKit的框阴影：5倍5px 5px＃b6ebf7;

3。 透明或RGBA

透明度一直比较棘手。 历史上不同的浏览器已申请使用不同的命令的透明度。 继续这个跨浏览器不一致性，我们已经增加了新的CSS3的RGBA背景属性，但在原则上，这个命令是更合乎逻辑的。 该命令由4个值 - 第一，第二和第三的是红色，绿色和蓝色值（0-255），分别由alpha通道或透明度（0-1）。

对于RGBA命令浏览器特定的前缀（MOZ -，- webkit的）不要求：

＃BOX3
背景颜色：RGBA（110，142，185，0.5）;
}

“背景颜色”命令增加了一个漂亮的蓝灰色的背景，在0.5或了解CSS3的RGBA的属性的浏览器不透明度50％。

不幸的是，Internet Explorer将也尝试呈现“背景颜色”命令，但不明白的RGBA。 为了确保背景色也是在IE中设置IE浏览器只砍是必需的。 在下面的例子：去年孩子的伪选择的Internet Explorer不明白是用来排除它。

身体：最后的孩子＃BOX3 {
/ *排除所有IE浏览器的使用：最后的子进程* /
背景色：RGBA（110，142，185，0.5）的重要;
}

4。 列

已被添加到CSS3中添加列的能力。 而不是浮动元素容器内，我们可以设置列数，宽度和规则：

Mozilla Firefox的/ * * /
MOZ列数：2;
MOZ列的差距：20像素;
- MOZ列规则：1px的固体＃6e8eb9;

的Safari和谷歌Chrome / * * /
WebKit的列数：2;
WebKit的列的差距：20像素;
WebKit的列规则：1px的固体＃6e8eb9;
}

5。 多背景图片

背景图像一直是限制性的，当涉及到的CSS由于事实上，你可以只适用于每一个元素的背景图像。 这是不是用CSS3的情况下，允许每个元素的多个图像，只需用逗号将它们分开。

要放在左边和右一个元素可以使用下面的命令，一点点的造型图像：

填充：0 20像素;
}

此命令将MIS，Internet Explorer所呈现的，因为它不接受一个单一的元素的背景图像。 需要排除所有的IE漏洞。

＃box5大段引用{
/ *对于所有浏览器，只是一个开放的报价* /
背景：URL（/ I / quotel.gif）0 0无重复;
填充：0 20像素;
}

身体：最后孩子box5引用文字{
/ *排除所有IE浏览器的使用：最后的子进程* /
/ *然后两个图像* /
背景：URL（/ I / quotel.gif）没有重复0，URL（/ I / quoter.gif）不重复100％0;
}

6。 背景梯度

CSS3的背景梯度非常灵活，可用于创建复杂的图案。 在其最简单的CSS线性渐变允许渐变应用于元素从上到下，从左到右。

这个例子在Mozilla Firefox浏览器对CSS3梯度适用于在一个盒子的底部箱的高度只有20％的淡蓝色的梯度

Safari使用一个不太直观，但更灵活的方式，使用色标值。 例如Safari的具体代码如下（注意括号内，而不是外界的线性）：

＃box8
背景：WebKit的梯度（线性，左下角，左上角，彩色的​​停止（0，＃b6ebf7），色彩停止（0.20，＃FFF））;
}

7。 旋转

CSS3中还允许使用转换命令元素的旋转，旋转属性作为参数接受度。

<CODE>＃box9 {
MOZ变换：旋转（2DEG）;
WebKit的变换：旋转（2DEG）;
} </代码>

8。 纲要

Outilines包括CSS3规范，使双方的边界和大纲，被应用到一个单一的元素。

大纲属性是相同的边境命令。 然而，额外的偏移属性允许边境动议的进一步内部或外部的元素。

下提出：由管理CSS