东方国信前端笔试题.docxVIP

东方国信前端笔试题

考试时间：______分钟总分：______分姓名：______

一、HTMLCSS部分

1.下列关于HTML5语义化标签的说法中，错误的是？

a)`header`标签通常用于表示页面或区域的页眉。

b)`nav`标签应该包含可供用户导航的链接集合。

c)`article`标签应该用来包裹独立的、能够独立分发或复用的内容。

d)`aside`标签通常用于表示与页面内容相关但可以独立于内容存在的辅助信息，例如侧边栏。它主要用于提供补充信息，而不是页面主要内容的一部分。

2.请简述CSS盒模型的主要组成部分，并说明`box-sizing:border-box;`与`box-sizing:content-box;`（默认值）在计算元素总宽度和高度时有何区别。

3.使用CSS实现一个两栏布局，左侧宽度固定为200px，右侧占据剩余宽度，请写出基本的HTML结构和CSS样式。

4.什么是CSSFlexbox布局？请简述其核心优势，并说明如何在一个容器中设置子元素的主轴为水平方向，且子元素之间有10px间距。

5.CSS的`position`属性有哪些值？请解释`relative`、`absolute`和`fixed`在定位元素