软件测试学习笔记——web前端

一、web前端

1. web前端三大标准：
html结构标准、css样式标准、js行为标准

2. 表单
表单数据必须要放在form中，form中的属性
action=“表示交给哪个后台数据处理”
method=“传输数据中使用哪种方法”
=get：表示不加密的传输
=post：表示加密传输

3. input标签
input标签的type类型不同则实现效果不同
type=“text”：普通文本框
=“submit”：提交按钮
=“radio”：单选框
=“checkbox”：复选框
=“button”：普通按钮
=“password”：密码框
=“reset”：恢复到默认状态
select=“select”：下拉框
textarea：文本域

4. css
css:级联样式表、层叠样式表、样式表，就是给网页中的内容设置样式，css的代码要写在style标签中，而style标签要放在head标签中的最后位置（即title的下面）

5. 标签选择器：
只需要写要找的标签名字即可

6. id选择器：
给标签设置id属性，在css代码中使用 #id名的方式来寻找页面中的标签

7. 类选择器：
给标签设置class属性—在css中设置.class 名字

8. id和class命名规则
不能以数字开头、不能设成中文、不能使用特殊符号（除了-和_）
——① id命名不可重复，class命名可以重复
——②一个标签不能设置多个id，但可以设置多个class

9. 继承性：
给祖先元素设置的样式，可以继承给儿孙元素。如果儿孙有自己的，那么继承的权重较低。（祖先就是在较外层的标签，儿孙就是较里层的标签）

10. 覆盖性：
在同级下（权重相同时），先写的代码会被后写的代码所覆盖

11. 优先级（权重对比）：
在给同一个标签设置样式是才有优先级（权重）对比
id选择器（#） > 类选择器（.） > 标签选择器
只要是给同一个标签设置样式，就会根据权重数值的相加结果来确定优先级，数值越大，优先级越高。

12. css的书写位置
外链式css：css代码独写在css文件中，通过link标签，在href设置的路径来选中css文件，实现了css代码与html的分离。
内嵌式css：代码写在style标签里，把style标签放在head标签的title标签下面。
行内式css：css代码写在HTML标签上（强烈不推荐）
三种方式的权重：内嵌 = 外链 < 行内
但程序员可通过添加 !important来提高权重，
例如：{color：red!important}

13. css选择器空格
css选择器中如果出现空格，代表寻找后代。例如 div span{}

14. 并列选择器（并集选择器)
使用英文状态下的逗号来连接想要一起设置的样式，
例如：h1,h2,div,#div1,.span1,.span2{}

15.盒子模型
在这里插入图片描述