目前流行的css版本为css3(常用的css样式有哪些)

各位老铁们，大家好，今天由我来为大家分享目前流行的css版本为css3，以及常用的css样式有哪些的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！

css和css3 有什么区别

都是网页样式code，不同的在于css3比css多了一些样式设置而已。

css3是向前兼容的，也就是说，css中有效的code在css3也有效。

以上是纯code方面来看，而对于具体的显示效果，还要看浏览器对其的支持情况。

举2个简单的例子：

一、一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。最常见的就是圆弧角。

二、一个只在css3中有效的code，如果浏览器不支持css3，那么其显示效果就不会出现。

css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。

css3新特性有哪些

一、RGBA和透明度

RGBA是RGB色彩模型的一个扩展。在本质上看也是为设置的元素增加了一个 alpha通道，即除了红绿蓝三种颜色外还增加一个代表透明度的通道，其中 RGB值分别表示红色、绿色、蓝色，而 alpha取值则为 0到 1（小数位一位）。

二、background属性

background-image：设置元素的背景图像。

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

background-size：规定背景图片的尺寸。

background-repeat：设置是否及如何重复背景图像。

三、word-wrap属性

word-wrap属性允许长单词或 URL地址换行到下一行。

注：所有主流浏览器都支持 word-wrap属性。

基础语法：

word-wrap: normal|break-word;

四、text-shadow属性

text-shadow属性：向文本设置阴影。

text-shadow基础语法：

text-shadow： 5px 5px 5px#FF0000;

参数分别表示：水平阴影，垂直阴影，模糊距离，阴影颜色；

五、font-face属性

font-face属性：定义自己的字体

在新的@font-face规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。

六、border-radius属性

border-radius属性：是一个简写属性，用于设置四个 border-*-radius属性。

基础语法：

border-radius: 1-4 length|%/ 1-4 length|%;

注：该属性允许您为元素添加圆角边框！

七、border-image属性

border-image：将图片规定为包围 div元素的边框

border-image基础语法：

border-image: url(border.png) 30 30 round

八、box-shadow属性

box-shadow属性：向框添加一个或多个阴影。（盒阴影）

box-shadow基础语法：

box-shadow: 10px 10px 5px#888888

九、媒体查询

媒体查询定义两套css，当浏览器的尺寸变化时会采用不同的属性。

css3和css一样吗

首先可以确认一点的是，CSS3和CSS本质上是一样的，都是层叠样式表，但两者又有很大的区别，或者说CSS3是CSS的升级补充版本。

CSS3和CSS本质上是一样的

CSS是层叠样式表（CascadingStyleSheets）的英文简称，它主要用来对页面进行样式修饰（定义了HTML元素的显示方式）的。

而CSS3是CSS的最新“标准”，也是CSS的版本升级，推出了一些新的东西：盒子模型、多栏布局、媒体查询、动画、背景和边框、列表模块、语言模块、文字特效等模块。

可能有人会问，有CSS和CSS3，那有没有CSS2呢？其实，我们现在所说的CSS就是CSS2版本，CSS2的精髓就是内容和表现分离。

CSS3并未成为真正的标准

特别是现在移动互联网及H5的兴起，CSS3的应用更为广泛了，但值得注意的是：CSS3当前依旧没能成为真正的标准！为什么呢？因为现在市面上的浏览器太多，而不同浏览器对于CSS3的支持程度不同，不同浏览器还使用了不同的前缀来修饰样式，如：

谷歌Chrome、苹果Safari：-webkit-

微软IE：-ms-

火狐Firefox：-moz-

所以站在这一点上，CSS3还是区别于CSS的。

OK，本文到此结束，希望对大家有所帮助。