定位方式 xpath CSS 常规属性 id //*[@id='kw'] #kw class //input[@class='s_ipt'] .s_ipt name //input[@name='wd'] [name='wd'] 其他属性 其他属性 //input[@autocomplete='of ...
分类：
Web程序 时间：
2019-12-26 20:57:55
阅读次数：
244
一 CSS布局的三种机制 1.标准流 2.浮动(盒子脱离标准流 浮起来 盒子水平排列) 3.定位(将盒子定在某一位置 自由的漂浮在其他盒子上面 css 离不开定位 特别是js特效) 二 为什么使用定位 要实现以上效果，不使用定位是非常困难的 将盒子定在某一个位置，自由的漂浮在其他盒子(包括标准流和浮 ...
分类：
Web程序 时间：
2019-12-20 01:12:11
阅读次数：
97
如图，下载按钮 查看其元素，是无法直接定位的，通过xpath也无法定位，转为firepath获取的CSS也是无效的#downloadItems>a 但是为经过firepath，直接在html下复制CSS是可以被定位使用的 html body div.pt.pt-right div.cont dl.n ...
分类：
Web程序 时间：
2019-11-16 17:29:32
阅读次数：
85
position 定位属性，检索对象的定位方式； 一、语法： position：static(initial) /absolute/relative/fixed/sticky(粘性定位)，unset相当于static 取值： 1、static：默认值，无特殊定位，对象遵循HTML原则, 会忽略lef ...
分类：
Web程序 时间：
2019-11-09 12:09:39
阅读次数：
119
定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： to ...
分类：
Web程序 时间：
2019-10-23 16:29:37
阅读次数：
90
from selenium import webdriver driver = webdriver.Chorme() driver.get("http://www.baidu.com") 通过class属性定位 (.)号表示通过class属性来定位 driver.element_by_css_sel ...
CSS的定位机制 1.普通流（标准流） 默认状态，元素自动从左往右，从上往下排列 块元素的特征： 独占一行 可以设置宽高 如果不设置宽度，宽度默认为容器的100% 常见的块元素：div p h1-h6 ul ol li dl dt d 行内元素的特征： 与其他元素同行显示 不可以设置宽和高 宽和高就 ...
分类：
Web程序 时间：
2019-10-18 12:47:10
阅读次数：
153
我们在编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用，以达到预期效果。一 文档流 文档流就是HTML文档内所有元素按照一定规律排列并显示的形式。 CSS文档
分类：
Web程序 时间：
2019-10-13 11:17:57
阅读次数：
77
定位position position属性的值： 默认值 相对定位 绝对定位 固定定位 粘性定位（本文不讲这个） position:static 该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 , , , 和 属性无效。 position:relative 该关键字下， ...
分类：
Web程序 时间：
2019-09-17 13:01:45
阅读次数：
134
元素定位是web自动化测试最开始也是最重要的一个知识点。 学会了元素定位，也就完成了一个学习的里程碑。 但是有很多初学者最容易犯的错误就是在Chrome或Firefox中复制出定位语句。 这样做是不正确的，因为很多复制出来的语句是绝对定位的语句，网页发生一点变化，就会出现找不到元素的情况。 所以在实 ...
分类：
Web程序 时间：
2019-09-09 14:43:57
阅读次数：
109
