Trident内核：主要代表为IE浏览器
Gecko内核：主要代表为Firefox
Presto内核：主要代表为Opera
Webkit内核：产要代表为Chrome和Safari
而这些不同内核的浏览器，CSS3属性（部分需要添加前缀的属性）对应需要添加不同的前缀，也将其称之为浏览器的私有前缀，添加上私有前缀之后的CSS3属性可以说是对应浏览器的私有属性。
亲，你好，HSL colors 这个语法是CSS3的语法
首先你要理解什么是HSL：
HSL色彩模式是工业界的一种颜色标准，是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色
的，HSL即是代表色调，饱和度，亮度三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。
语法：<length>|| <percentage>|| <percentage>
取值：<length>：Hue(色调)。 0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其它颜色；<percentage>：Saturation(饱和度)。 取值为0%到100%之间的值；<percentage>：Lightness(亮度)。 取值为0%到100%之间的值；
使用方法：
<div style="background-color: hsl(240,100%,50%)color:white">在浏览器里能看到蓝色背景（必须是支持CSS3的浏览器）
参考网址：http://www.php100.com/manual/css3_0/HSL-20colors.shtml
亲。有问题继续追问我。。
border-radius:CSS3圆角 语法：border-radius：25px椭圆边角：语法-border-radius：xx%或者15px/100px
box-shadow:CSS3盒阴影 语法：box-shadow：5px 5px 10px #eee
border-image:使用图像创建一个边框 语法：boder-image：url(xx.xxx) 30 30 round round是平铺、stretch是拉伸
background-size:自定义设置背景图片的大小 语法：background-size：--px --px背景图片完全填充background-size：100% 100%；
background-origin：指定了背景图像的位置区域 border-box padding-box content-box
CSS3允许多个背景图片：background-image:url(img_flwr.gif)，url(img_tree.gif)
CSS3渐变
linear-gradients:线性渐变 语法：background: linear-gradient(to right， red，orange，yellow，green，blue，indigo，violet)
使用透明度transparency 语法：linear-gradients（to right，rgb(255，0，0，0），rgb(255，0，0，1))
为了添加透明度，我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。
radial-gradients:径向渐变 语法与linear-gradients一样，这里不重复。
text-shadow：文本阴影 语法：text-shadow：--px --px --px #eee
word-wrap:break-word如果某个单词过长溢出文本框，此标签强制换行
以上是互联网用户为您的的内容，在阿里云内部有更多的关于CSS3的几个标签速记1 - html/css语言栏目：html.css的内容，欢迎继续使用右上角搜索按钮进行搜索标签、以便于您获取更多的相关信息。
