第二周测试题及答案 基础知识题

HTML和CSS是前端开发的基础，它们分别负责网页的结构和表现。HTML（HyperText Markup Language）是用于创建网页内容的标记语言，而CSS（Cascading Style Sheets）则是用来描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的外观和格式的样式表语言。 在HTML中，一组单选框按钮可以通过设置相同的`name`属性来实现，而不是ID属性，因为ID应该是唯一的。题中提到的第1题答案是C。 CSS中，盒模型是理解元素尺寸计算的关键。盒模型由content、padding、border和margin组成。第2题中，一个盒子的宽度不仅包括宽度本身，还包括左右边框和内填充，所以总宽度是宽度（100px）加上左右边框（5px*2）加上左右内填充（10px*2），即130px。答案是A。 背景的显示优先级中，背景图片会覆盖背景颜色，除非特别设置了`background-image`的透明度。第3题答案是B。 设置边框颜色的属性是`border-color`，而不是其他选项中的宽度、样式或高度。第4题答案是D。 下拉列表在HTML中是由`<select>`标签创建的，不是`<input>`、`<textarea>`或`<form>`。第5题答案是C。 选择器的权重决定了哪个样式生效，ID选择器的权重最高，其次是类选择器，最后是标签选择器。第6题答案是A。 要改变盒子模型的外边距，需要使用`margin`属性，而不是type、border或padding。第7题答案是D。 更改元素左内补是通过`padding-left`属性实现的，不是其他选项。第8题答案是B。 `background-size`属性可以设置背景图片的大小，其值可以是百分比、像素值等，但`center`不是合法的值，它通常用于`background-position`。第9题答案是C。 `<input>`标签的`placeholder`属性用于设置输入框的提示消息，而不是detail、parent或required。第10题答案是B。 在判断题部分，第1题是正确的，HTML负责结构，CSS负责表现，JavaScript负责交互。第2题是错误的，除了`<img>`标签，还可以使用CSS的`background-image`属性显示图片。第3题是正确的，`background-origin`的默认值是`padding-box`。第4题是错误的，`font-size:2em`表示当前元素的字体大小是父元素字体大小的两倍。第5题是错误的，`font-style:normal`仅用于设置字体样式为正常，不能去除`h1`标题的粗体。第6题是正确的，边框颜色可以省略，默认为黑色。第7题是正确的，`border-style`确实用于设置边框线型。第8题是正确的，`overflow:hidden`可以隐藏超出容器的内容。第9题是正确的，`white-space:nowrap`阻止文本自动换行。第10题是正确的，`display:inline-block`允许元素有宽高并保持在同一行。 填空题中，1. `margin`用于设置外边距。2. `box-sizing`的默认值是`content-box`。3. 使用`list-style`或`list-style-type`属性设置为`none`去除列表样式。4. `text-decoration`设置为`none`去除链接下划线。5. `action`属性定义了表单数据提交的地址。6. `src`属性在`<link>`标签中引入外部CSS文件。7. `background-image`属性设置背景图像。8. `display:block`让`<a>`标签占据整个`<li>`宽度。9. `outline:none`移除输入框的轮廓。10. 当`height`和`line-height`相等时，文本可以在垂直方向上居中。 这些题目涵盖了HTML和CSS的基础知识，包括元素的布局、样式控制、交互元素的使用等，对于初学者来说是非常重要的练习内容。通过理解和掌握这些知识点，可以构建出基本的网页布局和样式设计。