丁香园前端笔试题.docxVIP

丁香园前端笔试题

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

一、HTML部分

1.以下哪个HTML标签用于定义文档的标题？请写出标签名称。

2.在HTML5中，用于定义页面导航部分的标签是？

3.请列举至少两个语义化HTML标签，并简要说明其用途。

4.说明`!DOCTYPEhtml`的作用。

5.当使用`img`标签插入图片时，`src`和`alt`属性分别代表什么？

6.HTML中的`id`和`class`属性有什么区别？

7.请简述HTML5相比于传统HTML的主要优势。

8.在HTML表单中，`inputtype=text`和`inputtype=password`在显示和功能上的主要区别是什么？

二、CSS部分

1.CSS中`margin`和`padding`属性分别控制什么？

2.请解释CSS盒模型的概念，并说明`box-sizing:border-box;`的作用。

3.CSS定位中有哪几种定位方式？请分别简述其特点。

4.请简述Flexbox布局的基本原理及其主要优势。

5.如何使用CSS实现一个两栏布局，其中左侧固定宽度，右侧自适应？

6.CSS媒体查询（MediaQu