下面罗列了一部分的CSS定位方式。看到这么多是否觉得CSS不再简单，其实不然常用的几种方式作者已标记，CSS定位是平常使用过程中非常重要的一种方式。它与Xpath定位有诸多类似的地方，但是无论从性能还是语法上来说CSS都是比较有优势的。
1、一般情况下定位速度要比XPATH快
2、语法比Xpath要简洁
@ 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、兼容性问题
@ CSS的类选择器和id选择器各有什么优势？
ID用于标识页面上的特定元素（比如站点导航），而且必须是唯一的。 ID也可以用来标识持久的结构性元素，例如主导航或内容区域。ID还可以用来标识一次性元素，例如某个链接或表单元素。一个ID只能应用于页面上的一个元素。
class同一个类名可以应用于页面上任意多个元素，因此类的功能强大的多。类非常适合表示内容的类型或其他相似的条目。
在实际开发中，要根据实际使用情况来决定是使用哪种样式。对于单一元素的在单一界面的展示样式可以推荐是用id来定位。多余多个界面公用，或者同一界面多个元素风格一致，样式统一使用class类要方便的多。
下面就是最简单的一个小例子：
展示效果：
@ 熟练掌握并默写标记选择器的基本语法？
1.标记选择器主要应用在HTML页中的标记样式选择。如P选择器就用于声明网页中有P标记的文本内容，同理，H1选择器则可以标记页面中H1的样式。例如： H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代码表示在所有应用H1选择器的地方，将文字的大小设为14像素并加粗，同时将颜色设为灰色，如果要改变H1的颜色，只需将color属性更改就可以了，比如将color设为#e7eefe来与网页的其他地方协调。 2.类别选择器 这是一类最常用的选择器，用它来定义网页中需要特殊表现的样式，类别选择器的名称可以由作者自由定义，一般来讲类别选择器的命名最好有一定的意义，使CSS代码更易维护和阅读。例如定义导航就可以使用.daohang{}或者是.nav{}，不要使用简略或者特殊的字符串，否则可能三天后当你再读你的CSS代码时，就连你自己都搞不清一个样式到底是做什么用的！ 类别选择器就是CSS类，在HTML表现为调用的class。例如： (1)style.css文件中定义 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定义中，p标签将引用CSS文件中的title样式应用到整个p覆盖的范围。p将显示为一个上下左右margin各为10px，上下padding为2px，左右padding为5px的矩形。 请注意类别选择器CSS定义和标记选择器的区别：在CSS文件中，标记选择器前边没有"."号，下面大家还会讲到ID选择器，它的定义也不一样，每个ID选择器样式前有一个"#"号，以确定其为ID选择器，而在HTML中则用ID="style"引用。值得注意的是，一个标签可以同时应用多个class选择器，如,具体大家可以在下边思考并做下实验，笔者在这就不举例了。3.ID选择器(1)ID选择器用法和class基本没有区别，他们的不同之处就在于ID选择器只能在HTML页中使用一次，而class则可以任意多次调用，在CSS文件中，ID 选择器一般写成 #idname { bgcolor:#339; font-size:16px;}如果一个ID应用于多个HTML标记，则有可能造成IE编译错误，并且由于ID选择器可以被JAVASCRIPT等调用，所以多个ID会导致JAVA编译错误并崩溃！ (2)HTML的引用 在HTML中引用ID选择器的代码如下所示： 并且ID选择器不能像类别选择器那样同时被一个标签调用。这也是完全错误的语法。 复合选择器就是基本选择器通过不同的链接方式构成的。 复合选择器就是两个或多个基本选择器，通过不同方式链接而成的选择器。
