CSS3与CSS的区别有哪些

html-css011

CSS3与CSS的区别有哪些,第1张

一、指代不同

1、CSS3:是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案。

2、CSS:是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

二、内容不同

1、CSS3:主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

2、CSS:不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

三、特点不同

1、CSS3:新特征有很多,例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。

2、CSS: 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

参考资料来源:百度百科-CSS

参考资料来源:百度百科-CSS3

不对。css3是css最常用的版本,因此流行的css版本为css3是不对的。css是一种用来表现HTML或XML等文件样式的计算机语言,css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

图片旋转可以用CSS3中的动画效果来做,CSS3中,允许使用 3D 转换来对元素进行格式化。

示例代码如下:

<style>

*{margin:0padding:0}/*简单可以自定义,参照上面*/

body{font:14px/1.5 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", sans-serif, Arial, Systembackground-color:#FFF}

#imgg{animation:imgg 1s linear 0s infinite}

@keyframes imgg{0% {transform:rotateY(0deg)}25%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}75%{transform:rotateY(270deg)}100% {transform:rotateY(360deg)}}

</style>

<div id="demo">

<img src="图片地址" alt="" width="100" height="100" id="imgg">

</div>