css3新特性

Posted 种棵枇杷树

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css3新特性相关的知识,希望对你有一定的参考价值。

1.CSS3边框:

border-radius 圆角边框

box-shadow 边框阴影

border-image 边框图片

2.CSS3背景:

background-size  背景图片的尺寸

background-origin  规定背景图片的定位区域

3.CSS3文字效果:

text-shadow 文本应用阴影

word-wrap 对长单词进行拆分

4.CSS3 2D 3D转换:

transform 对元素进行移动、缩放、转动、拉长或拉伸

translate()、rotate() 、scale()、skew()、matrix() 、rotateX()、rotateY()

5.CSS3 过渡

6.CSS3动画

7.CSS3多列:

column-count:属性规定元素应该被分隔的列数

column-gap:属性规定列之间的间隔

column-rule :属性设置列之间的宽度、样式和颜色规则

8.CSS3用户界面:

resize:属性规定是否可由用户调整元素尺寸

box-sizing:属性允许您以确切的方式定义适应某个区域的具体内容

outline-offset :属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓

 

以上是关于css3新特性的主要内容,如果未能解决你的问题,请参考以下文章

HTML5新特性CSS3新特性

H5和css3的新特性

三十九CSS3的新特性(上)

CSS3的新特性一

CSS3新特性

CSS3 值得称赞新特性