CSS3新增特性

CSS3新增属性选择器

属性名称

含义

[att^="value"]

该属性的值以指定的值开始

[att$="value"]

该属性的值以指定的值结束

[att*="value"]

该属性的值包含指定的值,而无论其位置

RGBA透明度

当设置一个RGBA色彩的时候,参数依次设定为红、蓝、绿(可以位0~255或百分数)和通道Alpha0~1之间)

多背景图片

用户可以使用多个属性来设置背景图片或特效效果,如background-image、background-repeat、background-size、background-position、background-originand和background-clip

 多栏布局

用户通过选择器定义3部分内容,如栏数(column-count)、栏宽(column-width)和各栏之间的空白和间距

字符串溢出

word-wrap属性用于防止太长的字符串溢出,属性值:normal(默认的)只在允许的断点截断文字,break-work表示在结束的时候截断

box-shadowtext-shadow定义圆角阴影和块阴影。

border-radius属性无需背景图片就能给HTML元素添加圆角。

border-image属性可以定义设置border的背景图,允许用户在元素的边框上设定图片。

rotate属性可以实现旋转、scale属性实现伸缩,skew属性实现倾斜等效果。

原文地址:https://www.cnblogs.com/liuling608/p/6777883.html