好的程序员Web前端分享Css3的概念和优势，CSS3是css技术的升级版，CSS3语言开发正在向模块化发展。之前的规范作为一个模块太大太复杂，所以分解成一些小模块，增加了更多的新模块。这些模块包括：框模型、列表模块、超链接方法、语言模块、背景和边框、文本效果、多列布局等。css3的优点：CSS3将完全向后兼容，因此无需修改当前设计让他们继续工作。Web浏览器也将继续支持CSS2。对我们来说，CSS3的主要影响是新的可用选择器和属性将可用，这将允许新的设计效果（例如动态和渐变），并且可以很容易地设计出现在当前的设计效果中（例如谈论使用columns)ProgressiveenhancementandgracefuldegradationProgressiveenhancement：针对低版本浏览器构建页面，保证最基本的功能，然后针对高级浏览器改进和添加效果、交互等功能，以达到更好的用户体验。GracefuldegradationGracefuldegradation：从一开始就构建完整的功能，然后让它兼容低版本的浏览器。区别：优雅降级从复杂的现状开始，并试图减少用户体验的供给，而渐进式增强从一个非常基本的工作版本开始，并扩展以满足未来环境的需求。退化（功能衰退）意味着向后看；渐进增强意味着向前看，同时将其根植于安全的地方。CSS3选择器1.层次选择器E>F子选择器选择匹配的F元素，匹配的F元素匹配的E元素的子元素E+F相邻兄弟选择器选择匹配的F元素，匹配的F元素紧跟在匹配的E元素后面E~F通用选择器选择匹配的F元素，所有匹配的F元素位于匹配的E元素之后2.属性选择器1,E[attr]:只使用属性名，不使用属性价值确定；2、E[attr="value"]：指定属性名，指定属性的属性值；3、E[attr~="value"]：指定属性名，并有一个属性值，这个属性值是一个用空格分隔的词列表，词列表包含一个值词，前“~”必须写等号4、E[attr^="value"]：指定了一个属性名，并且有一个属性值，属性值以value开头；5、E[attr$="value"]：指定了一个属性名，并且有一个属性值，属性值以value6结尾，E[attr*="value"]：指定了属性名，并且有一个属性值，属性值包含值；7、E[attr|="value"]：指定属性名，属性值为value或以“value-”开头的值（如zh-cn）；三、伪类选择器1.结构伪类选择器X:first-child匹配子集的第一个元素。IE7可以支持X:last-child来匹配父元素中的最后一个X元素。X:nth-child(n)用于匹配索引值为n的子元素。索引值从1开始。X:only-child伪类一般用的比较少。比如上面的代码只匹配了div下的一个p。也就是说如果div里面有多个ps，是不会匹配的。X:nth-of-type(n)匹配同类型的第n个兄弟元素XX:only-of-type匹配唯一的同类型兄弟元素XX:first-of-type匹配同级别的兄弟元素X:nth-last-child(n)中的第一个X元素从最后一个开始索引。X:nth-last-of-type(n)匹配相同类型的最后第n个兄弟元素。XX:root匹配文档的根元素。在HTML（标准通用标记语言下的应用）中，根元素总是HTMLX:empty匹配没有任何子元素（包括包含文本）的元素X2，target伪类选择器E:target选择匹配E的所有元素,并且匹配的元素由相关的URL指向3.UI元素状态伪类选择器E:enabled匹配用户界面（form表单）中所有可用状态的E元素E:disabled匹配所有不可用状态用户界面（formforms）E元素E:checked匹配用户界面（formform）中所有选中的元素EE:selection匹配E元素中被用户选中或高亮显示的部分4.否定伪类选择器E:not(s)（IE6-8浏览器不支持:not()选择器。）匹配所有不匹配简单选择器s的元素E5、动态伪类选择器E:link链接伪类选择器Select匹配的E元素和匹配的element超链接已定义但未访问。常用于链接描述点。E:visited链接伪类选择器选择匹配的E元素，匹配的元素定义有超链接并且已经被访问过。常用于链接描述点。E:active用户行为选择器选择匹配的E元素，匹配的元素被激活。常用于链接点和按钮E:hover用户行为选择器选择匹配的E元素，用户用鼠标停留在元素E上。IE6及以下浏览器只支持a:hoverE:focus用户行为选择器选择匹配的E元素，匹配的元素获得焦点
