关于XPath定位方法的系统总结，结合了各类语法特性及HTML代码示例说明不同XPath定位方法的使用场景和实现方式：

<!-- 登录表单 -->

<form id="loginForm" class="auth-form">

<div class="input-group">

<input type="text" id="username" placeholder="用户名">

<input type="password" name="pwd" data-testid="password-input">

</div>

<button type="submit" class="btn-primary">立即登录</button>

</form>

<!-- 商品列表 -->

<ul class="product-list">

<li class="item">手机 <span price="2999">￥2999</span></li>

<li class="item active">笔记本 <span price="5999">￥5999</span></li>

<li class="item">耳机 <span price="399">￥399</span></li>

</ul>

<!-- 操作菜单 -->

<div class="actions">

<a href="/cart" title="查看购物车"><i class="icon-cart"></i></a>

<a href="/profile" class="disabled">个人中心</a>

</div>

定义

CSS position属性用于指定一个元素在文档中的定位方式。top，right，bottom 和 left 属性则决定了该元素的最终位置，z-index属性则决定了该元素所在的层级。

定位类型

1. static： 静态定位（默认值），元素出现在正常的文档流中（元素的top，left，bottom，right以及z-index声明无效）。

2. relative：相对定位，即元素相对于自身的位置进行定位，可以理解为元素相对自身的位置设置相应的偏移量（top, lefft等值）。

在 Web 自动化测试和开发中，页面元素定位是与页面交互的基础。下文是常见的10种WEB页面元素定位方式及其特点：

1.ID 定位

前言

测试

【中关村在线软件资讯】3月4日消息：使用Edge浏览器的用户要注意了，该浏览器日前被认为存在一定的安全隐患，可能会被黑客利用危害电脑安全。

IBM X-Force Advanced研究团队的安全专家Mark Vincent Yason表示，Win10中的WinRT PDF存在和过去几年曾用于Flash和Java上相似的网页挂马攻击漏洞。

WinRT PDF是Windows 10系统的默认PDF阅读器，如果将其作为Edge浏览器的默认PDF阅读器，任何嵌入至网页的PDF文档都能够够在这个库中打开。

基础部分

坐标系

画布坐标、屏幕坐标的概念

css知识点回顾

1.嵌入css代码的四种方式:

1).内嵌模式:

<a style = "width:80px;height:90px;" href = "http://www.baidu.com/" target = "_blank">百度</a>

2).内部样式

<style>

a{

width:90px;

height:90px;

无论是做UI自动化测试，还是爬虫，页面元素定位始终都是我们必须要做的工作，Selenium WebDriver API 中提供了大量的方法帮助我们进行元素定位，有许多方法对页面的元素进行定位，可以根据自己的需要选择最合适的一种。selenium提供了8种元素定位的方法。

网页元素常见的定位方式，除了表格定位以外，其他方式TaskBuilder都可以支持。下面给大家介绍一下在TaskBuilder中如何设置组件的定位方式。

1. 设置新建组件默认的定位方式

在使用TaskBuilder创建前端TFP页面时，有一个“定位方式”的选项，可以用来设置在该页面内新建组件时默认的定位方式，为了简化操作，目前仅支持两种默认定位方式：

先看最终效果：

制作思路：

在timeline里每一行使用dl标签布局；每行(dl)左侧的边框使用border-left绘制。左侧圆形使用dt布局，我们可以使用border给dt加边框，使用border-radius绘制圆形效果，右侧文字使用dd排列。

html布局代码如下：

<div class="timeline">

<dl>

<dt class="on"></dt>