从零开始学习软件测试-第三天笔记

一、表单

表单就是页面中负责采集用户信息的一个容器，经常应用于 注册，登录，收货地址等等可以收集用户信息的输入框里。

1.0表单标签

1. 标签名：
2. form标签本身不显示任何内容，内容是由表单标签中的其他标签来完成的。

1.1表单元素

1.1.1 input：输入框标签

1.type：输入框的类型。

• text 文本类型
• password 密码类型
• radio 单选框
• checkbox 复选框
• button 普通按钮
• submit 提交按钮
• reset 重置按钮

2.name：给输入框取名字。

3.value：给输入框加默认值。

1.1.2 textarea：文本域，也叫多行文本输入框。

1.1.3 select：下拉框,需要在标签中嵌套option选项标签。

     星期一   

1.2表单元素的细节

• 让单选框只能选中一个：在input标签里设置相同的name属性即可。

A 
B 
C 

•  让单选框或复选框默认选中某一个：在input标签里添加checked="checked"属性即可。

  唱 
  跳 
 rap 
 篮球 

• 让下拉框默认选中某个：在input标签添加selected="selected"属性即可。

        星期一
        星期二
        星期三
        星期四
        星期五

• 当属性名和属性值相同时，可以只写一个属性名。

      
        星期三
        

二、CSS

2.1 CSS概念

中文名称：级联样式表。

作用：描述html元素的外观。例如：颜色，布局，字体等。

书写位置：一般写在head标签中的style标签里。

2.2 简单选择器

选择器就是选中界面中符合选中规则的代码。

• 标签选择器：通过标签名称选中界面中的标签。

标签名｛
      CSS属性
｝

• 类选择器：通过标签中的class的属性值去选中标签。

/*类选择器中class属性可以由.代替*/
.类属性值{
           CSS属性      
}

• id选择器：通过标签中的id的属性值去选中标签。

/*id选择器中id属性可以由#代替*/
#id属性值{
      css属性
}

2.3 CSS的特点

• 优先级

1. 多个不同的选择器选中同一个元素时，优先级高的会生效。
2. id选择器>类选择器>标签选择器

• 覆盖性：相同优先级的选择器选中同一个元素的时候，后面写的CSS会覆盖前面写的CSS。
• 继承性：子元素可能会继承父元素的某些CSS属性。

三、HTML的元素类型

• 行内元素（inline）：多个元素放在一起，在同一行内展示，不能设置宽高。

• 块元素（block）：多个元素放在一起，不在同一行内展示，可以设置宽高。

• 行内块元素（inline-block）：多个元素放在一起，在同一行内展示，可以设置宽高。

四、HTML元素类型的转换

想要转换HTML元素类型，需要用到CSS的一个属性display

    
    
    


    加油!
    加油!