现在一些页面比较炫的网页大部分是用css3完成的,那么对比老一辈的css2,他们有哪些区别呢
一、两个css版本相同处
语法相同
CSS2常用属性,依然在CSS3中也是常用到的。
如宽度、高度、padding、margin、border等均一样。语法、使用方法均相同。
目的相同
都是将网页布局更加漂亮、效果更佳丰富。
css3在css2基础上新增一些CSS属性单词,以前不兼容不常用的CSS属性,在CSS3中得以重用,在IE9以上浏览器,最新谷歌浏览器支持并兼容,遗憾CSS3在低版本windows IE8以下不支持。好消息是现在主流手机浏览器均支持CSS3新增属性样式。
二、两个css版本不同处
1、css
一般采用CSS样式属性均是css2版本属性。
扩展了解栏目:
css属性单词教程
2、css3
在CSS2基础上新增属性,比如圆角、阴影、:last-child与:nth-last-child()伪类选择器等
以前CSS2也有的样式单词,因为浏览器版本不支持原因,现在CSS3中重新提出并使用,因为现在浏览器越来越高级智能,当然也就兼容HTML5 CSS3了。
扩展了解:
css3属性教程栏目
css3手册
三、如何选择css和css3
普通布局CSS足够了,需要圆角、阴影、伪类等再使用CSS3,其实CSS3中90%以上css样式单词是css2的,只是在css上新增和重用小部分CSS单词样式。
所以要学习CSS3必须的掌握CSS常用样式和语法、灵活应用布局技巧,才能灵活使用CSS3样式。