HTML和CSS测试题 | 零基础学HTML(十)

121 阅读3分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第16天,点击查看活动详情

  • 测试题1:

    • 表单的作用:用来收集用户输入信息的

    • 表单的组成:HTML表单用于搜集不同类型的用户输入,表单元素就是网页中提供给用户进行输入或点击的小控件,在HTML中,一个完整的表单通常由表单域、提示信息和表单控件(也称为表单元素)3个部分构成

    • 表单的功能:

      • 表单域:相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所有程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器

      • 提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作

      • 表单控件:包含了具体的表单功能,单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等

  • 测试题2:

    • 说一下你了解到的label标签及其绑定方式:所有的表单元素都可以通过绑定其他内容去扩大触发点击范围,这时需要使用一个label标签;label标签的作用是帮表单元素定义标注;如果将表单控件与提示内容使用label进行绑定后,当用户鼠标点击label内的提示内容是,浏览器就会自动将焦点转到和标签相关的表单控件上

    • 绑定方式1:

      • 给表单元素设置id属性

      • 将需要绑定的其他内容用label标签包裹

      • 给label标签设置一个for属性,属性值为绑定的表单元素的id属性值

    • 绑定方式2:

      • 如果绑定内容和表单元素写在一起,可以简化绑定写法

      • 直接使用label标签将绑定内容与表单元素一起进行嵌套

  • 测试题3:

    • css的继承性是什么:如果一个标签没有设置过一些样式,它的某个祖先级设置过,在浏览器中该标签页加载了这些样式,这些样式都是从祖先级继承而来,这种现象就是继承性;能够被继承的样式是所有文字相关样式属性,其他的属性都不能被继承

    • 继承性的应用:继承性是一个很好的性质,可以将页面中出现最多的文字样式设置给一个较大的祖先级标签比如<body>,后期所有的后代标签都可以从<body>进行继承

  • 测试题4:

    • 盒子实体化的三属性是什么:

      • width:px单位的数值,定义元素占有的宽度

      • height:px单位的数值,定义元素占有的高度

      • background-color:颜色名或颜色值,定义元素的背景颜色

  • 表格的水平居中方法:

    • 使用行内式(内联式)写法:直接使用align属性(table标签的属性)

    • 使用内嵌式写法:margin: 0 auto;

  • 表格内容的垂直居中方法(水平居中同table标签):

    • 使用行内式(内联式)写法:直接用valign属性(td元素的属性)
  • 表格中cellspacing指的是单元格与单元格的间距;cellpadding指的是单元格与内容的边距;使用css样式中的border-collapse容易出现每个边框粗细不同的问题 image.png