新增各种CSS选择器 （: not(.input)：所有 class 不是“input”的节点）
圆角 （border-radius:8px）
多列布局 （column）
阴影和反射 （Shadow\Reflect）
文字特效 （text-shadow）
线性渐变 （gradient）
旋转，缩放,定位,倾斜 （transform
多背景，背景裁剪
@ 使用css3的属性选择器设置搜索？
通过设置搜索框的width属性和heoght属性来设置搜索框的大小。
@ HTML页面中如何避免过度使用ID？
首先，一个HTML文件中，所有元素的id属性值都应该是唯一的，现在大多数的IDE都有校验功能，如果id重复了会有相应的警告或者错误提示的，这样就可以规避元素的id属性值重复的问题了。根据id获取元素对象，不管是原生js，还是jquery等js库都是最便捷的了，只要保证页面各个元素的id属性值唯一即可。
其次，可以根据class名，HTML标签等获取元素。
最后，还可以根据CSS的伪类获取元素，CSS 伪类用于向某些选择器添加特殊的效果。常用的伪类有： :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。 :first-child 向元素的第一个子元素添加样式。 :lang 向带有指定 lang 属性的元素添加样式。
总结以下，如果通过其他方式能够很方便的选择出大家需要的元素，则可以减少id属性的使用，否则使用id属性，记得id属性值必须唯一。
@ css3新增功能？
1、css3新增的超级选择器：属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器
2、使用选择器在页面中插入文字、图片、项目编号等内容
3、文字阴影与自动换行
4、各类盒模型：总体分为block类型和in line类型，在细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型
5、盒模型相关的属性：overflow属性（内容溢出）、box-shadow属性（盒阴影）、box-sizing属性（宽高计算）
6、新增的背景样式backround-clip属性、backround-origin属性、backround-size属性、backround-break属性
7、新增的边框样式：border-radius属性（圆角边框）、border-image属性（图片边框）
8、新增的 transform变形功能：rotate（旋转）、scale（缩放）、skew（倾斜）、translate（移动）
9、新增的动画功能：transition（平滑过渡）、animation（关键帧）
10、布局相关样式：多栏布局、盒布局、弹性盒布局
11、兼容性问题
