昨天我练习了用CSS(即层叠样式表Cascading Stylesheet) Selector来定位(locate)页面上的元素(Elements)。Selenium官网的Document里极力推荐使用CSS locator,而不是XPath来定位元素,原因是CSS locator比XPath lo...
分类:
Web程序 时间:
2014-11-05 19:19:41
阅读次数:
275
代码拍上,赶时间的童鞋拿着用就好:div {width: 1000px; height: 500px;position: absolute; left: 0; top: 0; right: 0; bottom: 0;margin: auto; /* 重点在于 auto */}博主之前用的方式也是不错...
分类:
其他好文 时间:
2014-11-04 13:06:26
阅读次数:
108
每天一个JavaScript实例-操作元素定位元素
div#a{
width:500px;
}
div{
border:1px solid #000;
padding:10px;
}
#cursor{
position:absolute;
background-color:#ff0;
width:20px;
height:20px;
left:50px;...
分类:
编程语言 时间:
2014-10-27 12:49:20
阅读次数:
209
如果你不是一名csser新手,想必你对z-index的用法应该有个大致的了解了吧,z-index可以控制定位元素在垂直于显示屏方向(Z 轴)上的堆叠顺序,本文不去讲述基本的API如何使用,而是去更深入的了解z-index是如何工作的,使用z-index的时候有哪些问题,以及z-index在日常开发中...
分类:
Web程序 时间:
2014-10-22 01:00:49
阅读次数:
300
绝对定位——元素会脱离文档流,它的偏移位置是以最近已定位的祖先元素作为参照,如果没有已定位的祖先元素,则以顶级元素作为参照。可以通过index来控制层级。相对定位——元素不会脱离文档流,仍然占据原来的空间,它的偏移位置会以自身的占位空间作为参照。可以通过设置margin-top、margin-bot...
分类:
其他好文 时间:
2014-10-17 11:41:37
阅读次数:
194
(3属性 IE6不支持)position : static:默认 absolute:绝对定位 relative:相对定位 fixed:窗口定位(出现滚动条不随滚动条移动)z-index:定义层叠级别top:定位元素上距right:定位元素右距buttom:定位元素下距left:定位元素左距(...
分类:
Web程序 时间:
2014-10-14 11:55:28
阅读次数:
216
层次选择器通过DOM元素间的层次关系获取元素,其主要的层次关系主要包括后代、父子、相邻、兄弟关系,通过其中某类关系可以方便快捷地定位元素,其详细说明如表2-3所示。选择器功能返回值ancestor descendant根据祖先元素匹配所有后代元素元素集合parent > child根据父元素匹配所有...
分类:
其他好文 时间:
2014-10-10 19:40:44
阅读次数:
189
1. 在网页中添加如下方法:function moveTo(id) { $("html,body").animate({scrollTop:$("#" + id).offset().top},600);}2. 在需要滚动时间的地方调用该方法,其中 id 是目标位置的定位元素名。
分类:
Web程序 时间:
2014-10-08 14:46:55
阅读次数:
137
1.三种定位机制:普通流,浮动,绝对定位2.行框:由一行形成的水平框,称为行框3.position(定位)stattic,元素正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置其于父元素中(默认);即没有定位,元素出现在正常的流中(忽略t..
分类:
Web程序 时间:
2014-10-05 23:37:19
阅读次数:
288
1.CSS属性position的属性值有哪些,描述他们的作用值描述absolute绝对定位,相对于static定位以外的第一个父级元素进行定位元素的位置通过left right top bottom属性进行规定fixed绝对定位,相对于浏览器进行定位元素的位置通过left right top bot...
分类:
Web程序 时间:
2014-09-26 14:02:28
阅读次数:
442