2020-10-28 15:43发布
CSS和CSS3都是样式，CSS3是在CSS上新增了样式属性。 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媒体查询（主要用于实现响应式布局）
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案。
CSS：是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
css3在原有的基础上新增了很多css属性选择器，伪类选择器，伪对象选择器以及动画
都是网页样式code，不同的在于css3比css多了一些样式设置而已。
css3是向前兼容的，也就是说，css中有效的code在css3也有效。
以上是纯code方面来看，而对于具体的显示效果，还要看浏览器对其的支持情况。
举2个简单的例子：
一、一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。最常见的就是圆弧角。
二、一个只在css3中有效的code，如果浏览器不支持css3，那么其显示效果就不会出现。
css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。
都是网页样式code，不同的在于css3比css多了一些样式设置而已。css3是向前兼容的，也就是说，css中有效的code在css3也有效。以上是纯code方面来看，而对于具体的显示效果，还要看浏览器对其的支持情况。举2个简单的例子：一、一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。最常见的就是圆弧角。二、一个只在css3中有效的code，如果浏览器不支持css3，那么其显示效果就不会出现。css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。
百网页样式code，不同的在于css3比css多了一些样式设置而已。css3是向前兼容的，也就度是说，css中有效的code在css3也有效。以上是纯code方面来看，而对于具体的问显示效果，还要看浏览器对其的支持情况。举2个简单的例子答：一、一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。版最常见的就是圆弧角。二、一个只在css3中有效的code，如果浏览器不支持css3，那么其权显示效果就不会出现。css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。
一、指代不同
1、CSS3：是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案。
2、CSS：是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
二、内容不同
1、CSS3：主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
2、CSS：不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
三、特点不同
1、CSS3：新特征有很多，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。
2、CSS： 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
一、position 的四个值：static、relative、absolute、fixed。绝对定位：absolute 和 fixed 统称为绝对定位相对定位：relative默认值：static二、relative定位与absolute定位的区别实例：HTML代码：css代码：初始效果：1、relative：相对于原来位置移动，元素...
1.static:正常文档定位，此时top,bottom,left和z-index属性无效，块级元素从上往下纵向排布，行级元素从左往右排列2.relative: 相对定位，此时的相对是相对于正常文档流的位置3.absolute:相对于最近的非static定位祖先元素的偏移，来确定元素位置，比如一个绝...
设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素相对于它的起点进...
浮动和定位都可以使元素脱离标准文档流,提升层级, 浮动脱离文档流，提高半个层级，不能完全覆盖下面元素（不能覆盖图片文字）定位脱离标准文档流，提升一个层级，可以完全覆盖下面元素及其内容...
绝对定位就是你的位置已经不属于你了，你只能漂浮在半空中。相对定位就是你的位置你还占用的，人还在飘着有意思的是这些都是相对父辈元素有position为相对或者绝对属性来定位的，都找不到的话就以body窗口来定位。...
定位：1、相对定位 position:relative; 兼容2、绝对定位 absolut 兼容3、固zhuan定定位 fixed ie6不兼容
css浮动属性通俗的来说就是让一个个原本坚守自己位置的元素让它们在网页中能紧挨在一起，举个例子来说吧，就比如有两个div盒子在网页中显示，一个盒子里展示的是图片，另一个盒子中展示的是文字，他们虽说自己占有的位置不大，可是他们却各占一行来显示，这可...
引言：这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的...
一：块元素块元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素。例如有div，和h1～h6，p，hr，ol，ul。这些标签应该都不是很陌生，其中，和标签是块标签，并且独立占据一行...
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
相邻兄弟选择器、通用兄弟选择器、属性选择器、伪类选择器、伪元素选择器
1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式，在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自...
ID选择器：#header {}类选择器：.header {}元素选择器：div {}子选择器：ul > li {}后代选择器：div p {}伪类选择器：a:hover {}属性选择器：input[type=text] {}
a:link 没有访问之前a标签的样式a:visited 已访问a标签的样式a:hover a标签鼠标移上的样式a:actived a标签鼠标按下的样式input:focus input表单元素获取焦点input:blur input表单元素失去焦点
基于SVG实现简单时钟效果前端绘图目前浏览器端绘制图形有2种主流方式：SVG和Canvas。相对于Canvas的更加底层的绘图API，SVG是一种声明式的，更可读、易于理解、方便交换。提到前端绘图，事实上有多种技术可以选择，除了SVG和Canvas，还可以基于javascript操作...
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 慢半拍 的问题《【Web前端基础】css3和css的区别是什么》','http://www.shouhuola.com/q-30673.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案。
CSS：是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
css3在原有的基础上新增了很多css属性选择器，伪类选择器，伪对象选择器以及动画
都是网页样式code，不同的在于css3比css多了一些样式设置而已。
css3是向前兼容的，也就是说，css中有效的code在css3也有效。
以上是纯code方面来看，而对于具体的显示效果，还要看浏览器对其的支持情况。
举2个简单的例子：
一、一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。最常见的就是圆弧角。
二、一个只在css3中有效的code，如果浏览器不支持css3，那么其显示效果就不会出现。
css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。
都是网页样式code，不同的在于css3比css多了一些样式设置而已。
css3是向前兼容的，也就是说，css中有效的code在css3也有效。
以上是纯code方面来看，而对于具体的显示效果，还要看浏览器对其的支持情况。
举2个简单的例子：
一、一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。最常见的就是圆弧角。
二、一个只在css3中有效的code，如果浏览器不支持css3，那么其显示效果就不会出现。
css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。
都是网页样式code，不同的在于css3比css多了一些样式设置而已。
css3是向前兼容的，也就是说，css中有效的code在css3也有效。
以上是纯code方面来看，而对于具体的显示效果，还要看浏览器对其的支持情况。
举2个简单的例子：
一、一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。最常见的就是圆弧角。
二、一个只在css3中有效的code，如果浏览器不支持css3，那么其显示效果就不会出现。
css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。
百网页样式code，不同的在于css3比css多了一些样式设置而已。css3是向前兼容的，也就度是说，css中有效的code在css3也有效。以上是纯code方面来看，而对于具体的问显示效果，还要看浏览器对其的支持情况。举2个简单的例子答：一、一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。版最常见的就是圆弧角。二、一个只在css3中有效的code，如果浏览器不支持css3，那么其权显示效果就不会出现。css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。
一、指代不同
1、CSS3：是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案。
2、CSS：是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
二、内容不同
1、CSS3：主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
2、CSS：不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
三、特点不同
1、CSS3：新特征有很多，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。
2、CSS： 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
相关问题推荐
一、position 的四个值：static、relative、absolute、fixed。绝对定位：absolute 和 fixed 统称为绝对定位相对定位：relative默认值：static二、relative定位与absolute定位的区别实例：HTML代码：css代码：初始效果：1、relative：相对于原来位置移动，元素...
1.static:正常文档定位，此时top,bottom,left和z-index属性无效，块级元素从上往下纵向排布，行级元素从左往右排列2.relative: 相对定位，此时的相对是相对于正常文档流的位置3.absolute:相对于最近的非static定位祖先元素的偏移，来确定元素位置，比如一个绝...
设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素相对于它的起点进...
浮动和定位都可以使元素脱离标准文档流,提升层级, 浮动脱离文档流，提高半个层级，不能完全覆盖下面元素（不能覆盖图片文字）定位脱离标准文档流，提升一个层级，可以完全覆盖下面元素及其内容...
绝对定位就是你的位置已经不属于你了，你只能漂浮在半空中。相对定位就是你的位置你还占用的，人还在飘着有意思的是这些都是相对父辈元素有position为相对或者绝对属性来定位的，都找不到的话就以body窗口来定位。...
定位：1、相对定位 position:relative; 兼容2、绝对定位 absolut 兼容3、固zhuan定定位 fixed ie6不兼容
css浮动属性通俗的来说就是让一个个原本坚守自己位置的元素让它们在网页中能紧挨在一起，举个例子来说吧，就比如有两个div盒子在网页中显示，一个盒子里展示的是图片，另一个盒子中展示的是文字，他们虽说自己占有的位置不大，可是他们却各占一行来显示，这可...
引言：这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的...
一：块元素块元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素。例如有div，和h1～h6，p，hr，ol，ul。这些标签应该都不是很陌生，其中，和标签是块标签，并且独立占据一行...
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
相邻兄弟选择器、通用兄弟选择器、属性选择器、伪类选择器、伪元素选择器
1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式，在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自...
ID选择器：#header {}类选择器：.header {}元素选择器：div {}子选择器：ul > li {}后代选择器：div p {}伪类选择器：a:hover {}属性选择器：input[type=text] {}
a:link 没有访问之前a标签的样式a:visited 已访问a标签的样式a:hover a标签鼠标移上的样式a:actived a标签鼠标按下的样式input:focus input表单元素获取焦点input:blur input表单元素失去焦点
基于SVG实现简单时钟效果前端绘图目前浏览器端绘制图形有2种主流方式：SVG和Canvas。相对于Canvas的更加底层的绘图API，SVG是一种声明式的，更可读、易于理解、方便交换。提到前端绘图，事实上有多种技术可以选择，除了SVG和Canvas，还可以基于javascript操作...