下面罗列了一部分的CSS定位方式。看到这么多是否觉得CSS不再简单，其实不然常用的几种方式作者已标记，CSS定位是平常使用过程中非常重要的一种方式。它与Xpath定位有诸多类似的地方，但是无论从性能还是语法上来说CSS都是比较有优势的。
1、一般情况下定位速度要比XPATH快
2、语法比Xpath要简洁
@ dom操作？
文档对象模型( DOM, Document Object Model )主要用于对HTML和XML文档的内容进行操作。DOM描绘了一个层次化的节点树，通过对节点进行操作，实现对文档内容的添加、删除、修改、查找等功能。
一、DOM树
DOM树有两种，分别为节点树和元素树。
节点树：把文档中所有的内容都看成树上的节点；
元素树：仅把文档中的所有标签看成树上的节点。
二、DOM常用操作
2.1 查找节点
document.getElementById(id属性值);
返回拥有指定id的第一个对象的引用
document/element.getElementsByClassName(class属性值);
返回拥有指定class的对象集合
document/element.getElementsByTagName(标签名);
返回拥有指定标签名的对象集合
document.getElementsByName( ame属性值);
返回拥有指定名称的对象结合
document/element.querySelector(CSS选择器);
仅返回第一个匹配的元素
document/element.querySelectorAll(CSS选择器);
返回所有匹配的元素
document.documentElement
获取页面中的HTML标签
document.body
获取页面中的BODY标签
document.all[\]
获取页面中的所有元素节点的对象集合型
2.2 新建节点
document.createElement(元素名);
创建新的元素节点
document.createAttribute(属性名);
创建新的属性节点
document.createTextNode(文本内容);
创建新的文本节点
document.createComment(注释节点);
创建新的注释节点
document.createDocumentFragment( );
创建文档片段节点
2.3 添加新节点
parent.appendChild( element/txt/comment/fragment );
向父节点的最后一个子节点后追加新节点
parent.insertBefore( newChild, existingChild );
向父节点的某个特定子节点之前插入新节点
element.setAttributeNode( attributeName );
给元素增加属性节点
element.setAttribute( attributeName, attributeValue );
给元素增加指定属性，并设定属性值
@ hbuilder选择器有哪些？
hbuilder选择器有通配选择器(*)：匹配页面的所有元素（html）样式初始化。标签选择器(tagName)：匹配页面指定的某种元素(1-n次)。类选择器（类名）首选：匹配页面上具备class属性的元素。id选择器（id名）:匹配具备id属性的元素id=“attr” ，唯一性。
@ css中如何代表所有元素？
css中用通配符代表所有元素。
通配符使用星号*表示，意思是“所有的”。
平时使用电脑，比如要搜索C盘里所有的网页，可以使用 *.html来搜索，.html是网页的后缀名，*代表了所有网页的名称；
也就是使用 * 加后缀名，就可以在电脑中搜索文件。
在CSS中，同样使用 * 代表所有的标签或元素，它叫做通配符选择器。
比如：* { color : red; } 这里就把所有元素的字体设置为红色。
*会匹配所有的元素，因此针对所有元素的设置可以使用*来完成，用的最多的例子如下：
*{margin:0px; padding:0px;}
这里是设置所有元素的外边距margin和内边距padding都为0。
不过，由于*会匹配所有的元素，这样会影响网页渲染的时间，因此很多人开始停止使用*通配符选择器，取而代之的是，把所有需要统一设置的元素，放在一起，一块设置。
