好合作开发人员web后端撷取Css3的基本概念和竞争优势,CSS3是css技术的升级换代版，CSS3词汇合作开发是向着组件化发展的。从前的规范化作为两个组件毕竟是太巨大因此非常繁杂，因此，把它降解为一些小的组件，更多捷伊模块也被重新加入进去。那些组件包括： 箱子数学模型、条目组件、源文件方式 、词汇组件 、大背景和前面板 、文字特效 、多栏产业布局等。
css3的缺点：CSS3将完全向后相容，因此没有必要性修正现在的结构设计来让它们竭尽全力运转。互联网应用程序也还将竭尽全力支持CSS2。对我们来说，CSS3主要的影响是将能采用捷伊需用的示例和特性，那些会容许实现捷伊结构设计效用（例如静态和蓝紫色），因此能很单纯的结构设计出现在的结构设计效用（比如采用列举如下）
渐进式进一步增强和典雅降班
渐进式进一步增强 progressive enhancement：特别针对旧版应用程序展开构筑网页，确保最基本的机能，接着再特别针对高阶应用程序展开效用、可视化等改良和新增机能达到更快的采用者新体验。
典雅降级 graceful degradation：一已经开始就构筑完备的机能，接着再特别针对旧版应用程序展开相容。
差别：典雅降班从繁杂的现况已经开始，并企图增加采用者新体验的供应，而渐进式进一步增强则从两个非常基础的，能够起作用的版已经开始，并不断扩展，以适应自然环境未来自然环境的需要。降班（机能极化）意味著往下看；而渐进式进一步增强则意味著朝前看，同时确保其基石处于安全可靠丘陵地区。
CSS3示例
一、层级示例
E>F 子示例 优先选择相匹配的F原素，且相匹配的F原素所相匹配的E原素的子原素
E+F 交界处兄妹示例 优先选择相匹配的F原素，且相匹配的F原素紧位于相匹配的E原素的后面
E~F 通用示例 优先选择相匹配的F原素，且位于相匹配的E原素后的所有相匹配的F原素
二、特性选择器
1、E[attr]：只采用特性名，但没有确定任何特性值；
2、E[attr=”value”]：指定特性名，并指定了该特性的特性值；
3、E[attr~=”value”]：指定特性名，并且具有特性值，此特性值是两个词条目，并且以空格隔开，其中词条目中包含了两个value词，因此等号前面的“〜”不能不写
4、E[attr^=”value”]：指定了特性名，并且有特性值，特性值是以value开头的；
5、E[attr$=”value”]：指定了特性名，并且有特性值，因此特性值是以value结束的
6、E[attr*=”value”]：指定了特性名，并且有特性值，因此属值中包含了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内有多个p，将不相匹配。
X:nth-of-type(n)相匹配同类型中的第n个同级兄妹原素X
X:only-of-type相匹配属于同类型中唯一兄妹原素的X
X:first-of-type相匹配同级兄妹原素中的第两个X原素
X:nth-last-child(n)从最后两个已经开始算索引。
X:nth-last-of-type(n) 相匹配同类型中的倒数第n个同级兄妹原素X
X:root相匹配文档的根原素。在HTML（标准通用标记词汇下的两个应用）中，根原素永远是HTML
X:empty相匹配没有任何子原素（包括包含文本）的原素X
2、目标伪类示例
E:target 优先选择相匹配E的所有原素，且相匹配原素被相关URL指向
3、UI 原素状态伪类示例
E:enabled 相匹配所有采用者界面（form表单）中处于需用状态的E原素
E:disabled 相匹配所有采用者界面（form表单）中处于不可用状态的E原素
E:checked 相匹配所有采用者界面（form表单）中处于选中状态的原素E
E:selection 相匹配E原素中被采用者选中或处于高亮状态的部分
4、否定伪类示例
E:not(s) （IE6-8应用程序不支持:not()示例。）
相匹配所有不相匹配单纯优先选择符s的原素E
5、静态伪类示例
E:link
链接伪类示例
优先选择相匹配的E原素，因此相匹配原素被定义了源文件并未被访问过。常用于链接描点上
E:visited
链接伪类示例
优先选择相匹配的E原素，因此相匹配原素被定义了源文件并已被访问过。常用于链接描点上
E:active
采用者行为示例
优先选择相匹配的E原素，且相匹配原素被激活。常用于链接描点和按钮上
E:hover
采用者行为示例
优先选择相匹配的E原素，且采用者鼠标停留在原素E上。IE6及以下应用程序仅支持a:hover
