定位网页元素

Posted 眼泪,还是流了

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了定位网页元素相关的知识,希望对你有一定的参考价值。

1.元素定位(position)
static:默认
relative:相对定位
absolute:绝对定位
flxed:固定定位(建议不要用,部分浏览器不兼容)
2.层叠关系(z-index)
默认值为:0
值可以是任何整数
值越大,位置在越前面
3.透明度
opacity:0~1值越小越透明

技术分享
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 5 <title>彩妆热卖产品列表</title>
 6 <link href="css/cosmetics.css" rel="stylesheet" type="text/css" />
 7 </head>
 8 <body>
 9 <div id="cosmetics">
10   <p class="title">大家都喜欢的彩妆</p>
11   <ul>
12     <li><a href="#"><span>1</span>Za姬芮新能真皙美白隔离霜 35g
13       <div><img src="image/icon-1.jpg"  alt="Za姬芮新能真皙美白隔离霜" />
14         <p>¥62.00  最近69122人购买</p>
15       </div>
16       </a></li>
17     <li><a href="#"><span>2</span>美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml
18       <div><img src="image/icon-2.jpg" alt="美宝莲精纯矿物奇妙新颜乳霜BB霜" />
19         <p>¥89.00  最近13610人购买</p>
20       </div>
21       </a></li>
22     <li><a href="#"><span>3</span>菲奥娜水漾CC霜40g
23       <div><img src="image/icon-3.jpg" alt="菲奥娜水漾CC霜" />
24         <p>¥59.90  最近13403人购买</p>
25       </div>
26       </a></li>
27     <li><a href="#"><span>4</span>DHC 蝶翠诗橄榄卸妆油 200ml
28       <div><img src="image/icon-4.jpg" alt="DHC 蝶翠诗橄榄卸妆油" />
29         <p>¥169.00  最近16757人购买</p>
30       </div>
31       </a></li>
32   </ul>
33 </div>
34 </body>
35 </html>
代码示例

 











以上是关于定位网页元素的主要内容,如果未能解决你的问题,请参考以下文章

Selenium Xpath元素无法定位 NoSuchElementException: Message: no such element: Unable to locate element(代码片段

无法使用无头 chrome 在网页上定位元素

网页中元素都有哪些定位方式,各自的含义是啥

如何使绝对定位的元素响应?

Python定位页面元素一个标签中有两个文本,如何定位其中一个文本

定位网页元素