1.有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记,列表结构中的列表项没有先后顺序的列表形式。大部分网页应用中的列表均采用无序列表，其列表标签采用
有序列表就是列表结构中的列表项有先后顺序的列表形式，从上到下可以有各种不同的序列编号，如1、2、3或 a、b、c 等。
-
自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以
开始。每个自定义列表项的定义以开始。- 无序1
- 无序2
- 有序1
- 有序2
- 自定义1
- 这是自定义1的定义
- 自定义2
- 这是自定义2的定义
列表1.png
若我们如果想让无序列表与有序列表的样式有些改变，可以在ul与ol中添加 type 来修改相应你想要的效果，例如：
- 无序1
- 无序2
- 有序1
- 有序2
列表2.png
使用情况：
- 有序列表是使用者在对列表有顺序要求时使用
- 无序列表最为常见，列表中各个数据关系并列，用于对列表没有顺序要求时使用
- 自定义列表用于对列表有定义内容时使用
下面给一个简单的嵌套：
- 体育
- 足球
- 篮球
- 橄榄球
- 乐器
- 吉他
- 贝司
- 口琴
2.如何去除列表前面的点或者数字？
要去除列表的默认样式，可以在样式中清除列表的默认样式，参考代码如下：
3.class 和 id 有什么区别？什么时候用 class 什么时候用 id？
区别：
- 在 css 的书写中，id加前缀“#”，class 加前缀“.”
- id 在页面中是独一无二的，是作为划分大区块使用的，有且只有一个名称；class 可以重名，代表同一类型，是作为划分小区块使用的，可以有多个名称
- id 是一个标签，用于区分不同的结构和内容；class 是一个样式，可以套在任何结构和内容上
- id 是先找到结构/内容，再给它定义样式；class 是先定义好一种样式，再套给多个结构/内容
用法：
- id 使用于主要块级元素
- class 用于要重复使用样式的除 id 其他块级或行内元素
4.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？
- 块级元素（block element）：每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float 浮动后除外），也就是说占用空间是一整行
- 行内元素（inline element ）：也叫内联元素、内嵌元素等，行内元素一般都是基于语义级(semantic)的基本元素，只能容纳文本或其他内联元素，占用空间是自身的内容宽度
区别：
- 行内元素会在一条直线上排列，都是同一行的，水平方向排列；块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行
- 行内元素没有宽高，不能手动设置，但又行高（line-height），左右内边距和外边距均有效，但上下不占据空间，若添加边框，边框可见但不占据空间；块级元素高度，行高以及外边距和内边距都可控制
- 块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素，只能容纳文本或者其他行内元素
这里我们给出下面这个代码来看一下具体的区别：
p1
a
b
p2
我们可以看到作为行内元素的 a 上下不占据空间，若添加边框，边框可见但不占据空间,而作为k块级元素的 p 占了一整行。.png
对应常用标签：
- 块级元素：div, p, h1...h6, table, 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 该元素是默认的。对象会被显示为行内元素，元素前后没有换行符。
- inline-block 此特性的元素呈现为内联对象，四周元素保持在同一行，但可以设置宽度和高度地块元素的属性。
6.下面代码是做什么的？抄写一遍下面的代码，注意class和id的使用及命名方式