html+css笔试附答案.pdf

HTML 和 CSS 是构建网页的基本技术，它们分别负责网页的结构和样式。HTML（HyperText Markup Language）用于创建和组织网页内容，如标题、段落、链接等，而 CSS（Cascading Style Sheets）则用于控制这些内容的外观，如字体、颜色、布局等。 在HTML+CSS笔试中，常见的一些知识点包括： 1. **CSS选择器**：选择器是CSS中用来指定要应用样式的HTML元素的关键部分。标记选择器（如`p`）、ID选择器（如`#example`）和类选择器（如`.class`）是最基本的选择器类型。ID选择器的优先级最高，类选择器次之，标记选择器最低。此外，还有后代选择器（如`div p`），表示`div`内的`p`元素。 2. **页面布局模型**：常见的布局模型包括盒子模型（Box Model），其中包含了内容（content）、内边距（padding）、边框（border）和外边距（margin）。流动模型（Flow Model）和浮动模型（Float Model）是布局的另外两种方式。浮动元素可以脱离正常文档流，而层模型（Layer Model）通常涉及使用`position`属性来定位元素。 3. **float属性**：`float`属性用于创建浮动元素，允许元素在容器内左右移动。有效的值有`left`、`right`和`none`，但`all`不是有效值。 4. **margin属性**：`margin`属性用于设置元素的外边距，可以接受单个、两个、三个或四个值，表示上下左右的边距。`auto`值可用于自动分配空间。 5. **定位(position)**：`position`属性用于控制元素的定位，`static`是默认值，表示正常文档流；`relative`使元素相对于其正常位置定位；`absolute`则相对于最近的非`static`定位祖先元素定位；`fixed`则是相对于浏览器窗口定位。 6. **背景属性**：`background-color`用于设置元素的背景颜色，`background-repeat`控制背景图像是否平铺，其默认值是`repeat`，即背景图在水平和垂直方向上平铺。 7. **浮动元素特性**：浮动元素会变成块级元素，靠近父级元素的边缘，可能超出其包含元素。`clear`属性用于清除浮动，`overflow`属性处理内容溢出的情况。 8. **盒子模型**：在CSS中，一个元素的总宽度和高度由内容、内边距、边框和外边距组成。可以通过`border`属性设置边框，但需按照特定顺序指定子属性。 9. **文本样式**：`font-weight`属性用于设置文本的粗细，`bold`是加粗的值。`color`属性设置文本颜色，`background-color`设置背景色。 10. **层（layer）定位**：通过`position:absolute`可以将元素定位到浏览器的任意位置，`margin:0 auto`可以使元素在水平方向居中。 11. **百分比单位**：百分比值通常相对于父元素的某个属性，如宽度或字体大小，常用于响应式设计和自适应布局。 以上只是部分HTML和CSS的基础知识，实际笔试中可能会涉及更复杂的选择器、布局技巧、动画、响应式设计等内容。掌握这些基础知识是成为合格的前端开发人员的基础。