层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
注:单独使用CSS是无法实现QQ邮箱登录实例(CSS为样式代码)。
实例可以使用iframe代码实现QQ邮箱登录实例。
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>qq邮箱登录实例</title>
</head>
<body>
<p align="center" style="margin-top:0pxmargin-left:0">
<iframe width="1000" height="500" src="https://mail.qq.com" class="t-iframe" scrolling="no" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</p>
</body>
</html>
代码解释:
url是你要调用的网址,<p align="center" style="margin-top: -109margin-left: -109">是网页布局、其中margin-top: 0表示顶部缩进,margin-left: 0表示左边缩进。至于右边和底部缩进,很简单,修改<iframe>的宽度和高度就可以了。
出于安全考虑,凡是类型为password的输入框,只要发生了页面跳转,再次返回当前页面时,即使是从浏览器缓存区读取的页面,此类输入框也会被自动清空的。否则的话危险是显而易见的:只要浏览器没有关闭,其他人在使用同一台电脑的时候就可以很容易用你的账号登录了,因为他只要回退页面到达你原来登陆的页面即可。如果你非要这么做,那么可以这样:
可以把协议内容直接放在注册页面,如果内容较多可以一开始设为隐藏的,点击按钮或链接后再显示出来,这个用js很容易就能搞定;
如果非要新开页面来显示协议内容,可以采取新开窗口或新开标签页的方式,这样的话原注册页面就不会被关闭,也不会被刷新,那么原来输入的密码就还在;
如果非要在同一页面显示协议内容,然后再返回登录页面,那么就只能先把密码存入Cookie,返回后再读取出来放到密码框中,或者通过url传参方式把密码内容传到协议页面,返回时再把密码传回登录页面。需要提醒的是,这么做会造成很大的泄密风险,后果自负。
比如用:用CSS3选择器如何选择 a href="#signin" 这个href的值<div class="index-tab-navs">
<div class="navs-slider">
<a href="#signup" class="active">注册</a>
<a href="#signin">登录</a>
<span class="navs-slider-bar"></span>
</div>
</div>
driver.find_elements_by_css_selector('.index-tab-navs .navs-slider a[href]')[1]