Molet

css3跟css区别是什么 css跟css3有什么区别

Molet web技术 2022-10-20 559浏览 0

css3跟css区别是什么 css跟css3有什么区别

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

一、指代不同

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上新增了样式属性。CSS3 是最新的 CSS 标准。css3比css多了一些样式设置而已。 css3是向前兼容的,也就是说,css中有效的code在css3也有效。

CSS3新增特性:

CSS3圆角边框:border-radius(解决了原有圆角边框需要截图的问题)

CSS3文本阴影与盒阴影:text-shadow、box-shadow(可以用于实现标签边框或阴影)

CSS3背景尺寸、背景切割和背景原点:background-clip background-origin background-size(移动端用于处理背景图适配问题)

CSS3变形 transform(二维变形以及三维特效)

CSS3动画 animation(实现复杂动画)

CSS3过渡 transition(实现简单动画)

CSS3 Media Query媒体查询(主要用于实现响应式布局)

继续浏览有关 css教程 的文章
发表评论