1.有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？

三者在语义上的区别：

• ol表示有序列表，使用编号来记录项目的顺序。
• ul 表示无序列表，使用项目符号来记录无序的项目（一般表示并列项）
• dl自定义列表。
  列表的使用示例

2.如何去除列表前面的点或者数字？

list-style:none

3.class 和 id 有什么区别？什么时候用 class 什么时候用 id？

区别：

• 表示方法不同：class前面用".",id用“#”；
• 一个页面中只可以有一个相同的id,而class可以有多个；
  一般页面中大的区块用id,大区块中又分小区快用class.

4.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？

块级元素占用空间是一整行，行内元素占用空间是它自身的内容宽度。
区别：行内元素可以一行并排显示，块级元素不能。
常用块级元素标签：<div>,<p>,<h1>...<h6>,<tr>,<ul>,<li>,<dl>,<dt>,<form>。
常用行内元素标签：<a>,<span>,<img>,<input>,<button>,<em>,<textarea>。

5.display: block、display: inline、display: inline-block分别有什么作用?

• display:block:将元素转化为块状元素，使其具有块状元素的特性；
• display: inline：将元素转化为内联元素，使其具有内联元素的特性；
• display: inline-block：将元素转化为内联块状元素，使其既像块状元素一样可以设置宽高，又像内联元素一样不会独占一行。

6.下面代码是做什么的？

加个背景更容易看出效果,代码：
这段代码实现了页面的居中布局，且将整个页面分成了两大块。

7. 如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节？

html语义化：选择合适的标签，使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好的解析。
注意的细节：

• 代码统一大小写，注意页面整体风格
• 页面合理分层，先大后细
• 合理使用标签
• 合理命名id 和class，不要使用id="a",class="b"这类简陋的明明方式

8.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

form表单的作用：用于把用户输入的数据提交到后台。
常用的input标签：

• type="text":用于输入文本；
• type=“password”: 用于输入密码，输入的内容显示为星号。
• type=“radio”: 单选圆圈按钮。注意：name要相同才能实现单选，value要有值
• type=“checkbox”: 复选框。加checked属性会默认选上。提交时，如果选中（如bike），则bike=on
• type=“textarea”: 文本域，用于输入多行文本
• type=“hidden”: 隐藏域，用户看不到，用于暂存数据。或者安全性校验

9.post 和 get 方式的区别？

（1）数据提交方式不同，get提交的数据url可以看到，post看不到
（2）get一般用于提交少量数据，post用于提交大量数据
（3）get最多提交1k数据，受浏览器的限制。post理论上无限制，受服务器限制
（4）get提交的数据在浏览器历史记录中，安全性不好

10.在input里，name 有什么作用？

name:表单提交的名称。

11.<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么区别？

• <button>提交</button>:button标签用于显示一个按钮的样式，但是没有实际作用，除非在上面绑定事件；
• <a class="btn" href="#">提交</a>：这是一个连接；
• <input type="submit" value="提交">：这是一个有实际提交作用的按钮，用于提交表单内输入的内容给后台。

12.radio 如何 分组?

同一组的radio设置相同的name值。

13.placeholder 属性有什么作用?

是一个可选属性，展示输入框里的提示信息。

14.type=hidden隐藏域有什么作用? 举例说明

设置隐藏域用户无法看见，可用于暂存数据或者向后抬发送数据进行安全性验证。
比如说，若有人伪造信息输入，后台找不到传入的隐藏域信息则可判断出该信息为伪造信息。

演示