小扎扎学测试笔记打卡day3：调试工具的用法

越来越多了这些内容，还好老师讲的很细，周末一定要再好好的复习一遍，加油加油加油

一、超链接

定义：点击之后，可以实现页面的跳转
普通超链接点击之后会在本窗口打开页面；还可以实现点击之后在新窗口打开页面；
在某些情况下，程序员还不知道如何写具体的链接地址，此时就会设置空链接（点击之后不跳转）

二、表单

定义：所有的用户输入的：用户名、账户、密码、邮箱。。。。统一称他们表单数据，
表单数据必须要放在form标签中；
form中的属性：action中的值代表，当前的表单数据要提交给那个后台程序xxx.php;
method中的值代表传输数据的过程中使用哪种方法：
（1）get 不加密的传输
（2）post 加密传输
Input标签的type类型不同就可以实现不一样的效果：
（1）type=”text” 普通文本框
（2）type=”submit” 提交按钮
（3）type=”password” 密码框（输入的文字会加密显示）
（4）type=”radio” 单选框：
测试细节：
1、点击查看是否实现的单选效果
2、点击文字查看是否能切换（用户体验的提升）
3、默认是否有某一个是选中状态（根据用户和产品经理的要求来定）
（5）type=”checkbox” 复选框、多选框
测试细节：
1、点击文字查看是否能切换（用户体验的提升）
2、默认是否有某一个或多个是选中状态（根据用户和产品经理的要求来定）
注释：被注释的内容，不会被浏览器解析（打开浏览器查看的时候，不会显示），作用是给程序员自己的提醒的文字。测试细节：在最后一个阶段的测试过程中，必须要求程序员删除所有的注释代码，因为注释代码也会影响页面的打开速度；ctrl+?
（6）下拉菜单的测试细节
1、测试数据是否满足用户的要求：顺序、个数
2、刷新页面的时候的默认选中是哪一个数据
（7）文本域测试细节：
定义：可以多行输入内容的文本框
1、测试ie、谷歌、火狐浏览器最终的显示大小是否一致
2、查看文本域右下角是否可以拖拽放大缩小（要求程序员禁止此功能）
（8）type=”button”
普通按钮，需要js控制才能实现其它效果
（9）type=”reset”
点击之后，可以让当前的表单数据恢复到默认状态（不是清空）
注意：按钮建议设置value属性，此属性在按钮中，表示按钮的提示文字，如果不写，有可能会导致浏览器的兼容性问题；（测试ie、谷歌、火狐提示文字一致即可）

三、css样式

定义：就是给网页中的内容设置样式；样式表、级联样式表、层叠样式表
书写代码的步骤：
1、css的代码要写在style标签中
2、style标签放在head标签中间的最后位置（title标签下面）
3、例：
div{
height:100px; 高度
width:100px; 宽度
background:red; 背景色
}
注意：px代表像素单位；

四、标签选择器

选择器定义：在页面中找元素、标签、标记的方法
标签选择器：只需要写要找的标签名字即可
例： h1{}

五、调试工具的用法

浏览器f12，找到elements选项点击它，会出现html标签，找到你想要设置的标签，点击选中它，右侧就会出现css的样式，我们点击右侧的样式即可实现更改；
注意：调试工具更改后，必须要回到代码中更改才会生效，否则一刷新就恢复了；

六、id选择器

给标签设置id属性，在css代码中使用#id名字的方式来找寻找页面中的元素、标签、标记
例:

命名规则：
1、不允许数字开头
2、不允许使用中文
3、不允许使用除了中划线- 和下划线_ 之外的符号

七、类选择器

给标签设置class属性，在css中设置.class名字；
例：

总结细节：
1、id命名不能冲突
2、Id命名不能一个标签设置多个
3、class命名可以冲突
4、class命名还可以给一个标签设置多个
注意:不管是id还是class命名规则一致

八、继承性

给祖先元素设置的样式，可以继承给儿孙元素，如果儿孙元素有自己的样式，那么一定听自己的（继承的样式，权重较低！）

九、覆盖性

先写的代码会被后写的覆盖；代码的运行是由上至下；
注意：在权重相同的前提下

ok做作业去啦~~see you tomorrow