定位

css定位 定位模式：在css中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{position：属性值；} position属性值有5种，分别是静态定位，相对定位，绝对定位，固定定位和粘性定位 属性值 描述 static（静态定位） 正常显示，和不设置的效果一样 absolute（绝对定位） 以已定位父元素的位置为参照物，脱离文档流，不占据空间 relative（相对定位） 以自身默认的位置为参照物；不会破坏正常的布局流；占据空间 fixed（固定定位） 以浏览器的窗口为参照物；不论窗口滚动与否，元素都会留在那个位置 stick（粘性定位） 当元素在屏幕内，表现为relative；滚出显示器屏幕时，表现为fixed 偏移属性 定位模式仅仅定义了以哪种方式进行定位，并不能确定元素的具体位置，在css中，通过偏移属性来定义位置，其取值为数值或百分比。 偏移属性 描述 top 顶端偏移量，定义元素相对于其参照物的上边线的距离 bottom 底部偏移量，定义元素相对于其参照物的下边线的距离 left 左侧偏移量，定义元素相对于其参照物的左边线的距离 right 右侧偏移量，定义元素相对于其参照物的右边线的距离 注意： 在静态定位下，left，top属性不起作用 包含块 包含块是绝对定位的基础，包含块就是为定位元素提供坐标，偏移和显示范围的参照物

3 月，跳不动了？>>> 作者介绍：Nick Cameron，PingCAP 研发工程师，Rust core team 成员，专注于分布式系统、数据库领域和 Rust 语言的进展。 最近我将一个中小型的 crate 从 futures 库的 0.1 迁移至了 0.3 版本。过程本身不是特别麻烦，但还是有些地方或是微妙棘手，或是没有很好的文档说明。这篇文章里，我会把迁移经验总结分享给大家。 我所迁移的 crate 是 TiKV 的 Rust Client 。该 crate 的规模约为 5500 行左右代码，通过 gRPC 与 TiKV 交互，采用异步接口实现。因此，对于 futures 库的使用颇为重度。 异步编程是 Rust 语言中影响广泛的一块领域，已有几年发展时间，其核心部分就是 futures 库。作为一个标准 Rust 库，futures 库为使用 futures 编程提供所需数据类型以及功能。虽然它是异步编程的关键，但并非你所需要的一切 - 你仍然需要可以推进事件循环 (event loop) 以及与操作系统交互的其他库。 futures 库在这几年中变化很大。最新的版本为 0.3（crates.io 发布的 futures 预览版）。然而，有许多早期代码是 futures 0.1 系列版本，且一直没有更新。这样的分裂事出有因 - 0.1 和 0.3 版本之间变化太大。0

如果把页面上的元素看作人的话，在现实世界如何找到某人呢？方法有三： 一、通过人本身的属性，例如他的姓名，手机号，身份证号，性别，这些可区别他人的属性。在web页面上的元素也有这些属性，例如，id、name、class name、tag name等。 二、在找查某人的时候可以通过位置属性，例如，x国、x市、x路、x号。Xpath和CSS就提供了这种以标签名为层级关系的定位方式。 三、可以借助相关他人的属性来找到某人，例如，我没有小明的联系方式，但我有他爸爸的手机号，那么通过他爸爸手机号也可以找到小明。Xpath和CSS同样提供通过相关元素来查找最终元素的方式。 WebDriver提供多种元素定位方法，下面用Python语言来介绍这些元素定位： 1、id定位 HTML规定id属性在HTML文档中必须是唯一的，这类似于公民的身份证号。webdriver提供的id定位方法就是通过元素的id属性来查找元素。例如通过id定位浏览器下百度输入框与百度搜索按钮，用法如下： find_element_by_id("kw") 百度输入框 find_element_by_id("su") 百度搜索 即find_element_by_id()方法通过id属性来定位元素。 2、name定位 HTML规定name来指定元素的名称，就像人的姓名，所以不是唯一的。如通过name来定位百度输入框： find

本节内容： position、 float、 clear、 浮动布局例子、 百分比宽度 position CSS中的position属性设置元素的位置。属性值：static、relative、fixed、absolute。 static static属性是默认值。任意的position:static；的元素不会被特殊的定位。一个static元素表示它不会定位，一个position属性被设置为其他值的元素表示它会被定位。 relative Relative表现的和static一样，除非添加了一些额外的属性。在一个相对定位（position属性的值为relative）的元素上设置top、right、bottom、left属性会使其偏离正常位置。 其他的元素则不会调整位置来弥补它偏移后剩下的空隙。以上两个类分别为relative1和relative2的div都设置了position:relative;属性，当relative2设置了top:-20px;时，可以看见它相对于自己原本的位置发生了改变，向上移了20个像素（因为这个值是负值，如果是正值，则向下移动20px）；后又设置了left:20px;属性（left:20px；意思是距离左边20px，而不是向左移动20px），所以该div又向右移动20px。 记住position:relative;属性如果不设置top、bottom、left

堆叠上下文（stack context） 它是一块区域，这个区域由每个元素创建，规定了在区域中的内容在Z轴上的先后顺序； 创建堆叠上下文 根元素（html元素） 设置了Z-index 且为数值，非auto的定位元素 同一堆叠上下文中元素在Z轴的排列 从后到前的顺序 创建堆叠上下文的元素的背景和边框 堆叠级别为负值的堆叠上下文 常规流非定位块盒 非定位浮动盒子 常规流非定位行盒 任何z-index是auto的定位子元素，以及z-index为0 的堆叠上下文 堆叠上下文为正数 来源： https://www.cnblogs.com/guyuedashu/p/12499538.html

元素的定位是自动化测试的核心，想要操作一个元素，首先应该识别这个元素。 webdriver提供一个一系列的元素定位方法，常用的有以下几种： id name class name link text partial link text tag name xpath css selector Frame 嵌套页面元素定位 By 元素定位：id、name、class_name 示例： from selenium import webdriver from time import sleep driver = webdriver.Chrome() driver.get("www.baidu.com") sleep(2) #driver.find_element_by_id("kw").send_keys("测试一") #driver.find_element_by_name("wd").send_keys("测试二") driver.find_element_by_class_name("s_ipt").send_keys("测试三") sleep(3) driver.find_element_by_id("su").click() sleep(3) driver.quit() 元素定位：link_text 示例： from selenium import webdriver from

#八大定位方式 from selenium import webdriver def BrowserOpen(): driver = webdriver.Chrome(); driver.maximize_window() driver.get("https://www.baidu.com") return driver def Positioning(): # < input type = "text"class ="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off" > driver = BrowserOpen() # 根据id定位元素，html中id是唯一的有id定位id driver.find_element_by_id("kw") # 根据name名称定位元素 driver.find_element_by_name("wd") #根据class名称定位元素 driver.find_element_by_class_name("s_ipt") #根据标签名称来定位使用较少基本不用同一个标签重复太多 driver.find_element_by_tag_name("input") # 根据文本名称定位确定只有这一个文本不然会报错 driver.find_element_by_link_text("登录")

由于博客迁移至 www.coderyi.com ,文章请看 http://www.coderyi.com/archives/419 之前工作在一家智能设备的公司，做过一个亲友定位监控系统，类似现在比较流行的360儿童手环。所以这里简单介绍定位与地图。 1 定位服务 iOS设备提供三种不同定位途径，蜂窝式移动电话基站定位；WiFi定位，通过查询一个WiFi路由器的地理位置信息，比较省电；GPS卫星定位，通过3～4颗卫星定位，最为准确，但是耗电量大。iOS系统如果能够接收GPS信息，那么设备优先采用GPS，其次是WiFi，最后是基站，开发人员不能选择哪种定位方式。 定位服务使用CoreLocation框架，主要使用CLLocationMananger、CLLocationManangerDelegate和CLLocation三个类，CLLocationMananger是定位服务管理类，获取设备的位置信息，CLLocationManangerDelegate是代理协议，CLLocation封装了位置信息。 这里要注意，CLLocationManangerDelegate 的locationManager:didUpdateToLocation:fromLocation:方法得到的坐标是火星坐标，这个原因你懂得，所以需要转换成真实的地理坐标。我使用的是一个第三方的CSqlite类

第三周 在逆战班学习的第三周，通过这周的学习对前端有了进一步的理解，下面我巩固复习一下本周学习的position定位属性 position属性用于检索或设置对象的定位方式 static：默认值；没有定位 relative：相对定位 absolute：绝对定位 fixed：固定定位 sticky：粘性定位 下面分别介绍各属性值的作用： static：默认值；没有定位（可以用于取消元素之间的定位设置） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin : 0 ; padding : 0 ; } .div1 { width : 200px ; height : 50px ; background : #00FF00 ; position : static ; left : 50px ; top : 100px ; } .div2 { width : 250px ; height : 50px ; background : #0047E1 ; } .div3 { width : 300px ; height : 50px ; background : #FF0000 ; } </style> </head> <body> <div

本文档包括CSS的 样式 定位 框模型 如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。 您可以通过 background-attachment 属性防止这种滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响： body { background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; background-attachment:fixed } 可以利用 background-position 属性改变图像在背景中的位置 background-position:center; 如果需要在页面上对背景图像进行平铺，可以使用 background-repeat 属性。 body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y; } 缩进文本 把 Web 页面上的段落的第一行缩进，这是一种最常用的文本格式化效果 CSS 提供了 text-indent 属性，该属性可以方便地实现文本缩进。 p {text-indent: 5em;} 字间隔 word-spacing 属性可以改变字（单词）之间的标准间隔。其默认值 normal