python 循环点击页面元素_实训python学习系列 Day10

初识python系列学习记录日记

Day10———————

首先继续昨天课上带着我们做的仿京东登录网页

讲一下CSS的id选择器和class选择器

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

这个h_right的位置其实一直没调好。害，就这样了。查了一下position属性的五个值

static HTML 元素的默认值，即没有定位，遵循正常的文档流对象。

fixed  元素的位置相对于浏览器窗口是固定位置。上面就是始终距离浏览器上框52px 右框23px

relative相对定位元素的定位是相对其正常位置。这个理解就是初始一个元素不控制他会出现在这个位置，那相对定位就是在这个位置的基础上的移动

absolute绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于:用绝对定位,一个元素可以放在页面上的任何位置。相对本页面的位置

sticky它的行为就像relative; 而当页面滚动超出目标区域时，它的表现就像 fixed;，它会固定在目标位置。

margin和padding     下图来自菜鸟教程

margin透明，控制一块和其他块在视觉上的距离，padding有颜色，和元素背景颜色一样控制这个色块的大小，在margin更里面一层。margin和padding如果不写成margin-left这样 如果写成margin: 10px 20px30px 40px;  遵从 ：上右下左的顺序

font字体

border-radius设置边框为圆角

CSS基本上就讲了这些，也是盒子模型的基本知识点

接下来讲javascript的jquery包

百度猫云复制script标签，有好几个版本mini是压缩过的

这个包的应用就是具体教了一些方法函数的使用

这个 document ready函数意思是等待网页所有元素加载完毕后再执行jquery   美刀符号$代替jquery对象,菜鸟教程上说的是定义jquery，难道是相当于声明一个jquery变量似的？jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

$(“div”)选择了页面所有的div元素颜色设置为红色

id选择器和.class 选择器

获取数量之后通过alert(是一个网页消息样子)提醒返回 如下图

然后这是对button的点击写了一些触发的功能  效果如下顺序第二图，

循环遍历同类型标签然后在console输出

还有两篇HTML的小代码懒了不想写了看图吧，比较简单，注释写的比较清楚

今天最后提了一点ajax但是还没讲完下次再一起写上