-
有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？
简单实例：
Paste_Image.png
网页显示效果：
Paste_Image.png
有序列表有先后顺序，使用数字进行标记,有序列表始于 <0l> 标签。每个列表项始于<li> 标签。无序列表无先后顺序，使用粗体圆点进行标记，无序列表始于 <ul> 标签。每个列表项始于 <li>。自定义列表中列表样式可以自行设置，以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
关于列表嵌套，在需要添加新列表的位置添加代码即可，如下图：
Paste_Image.png
网页显示效果：
Paste_Image.png 如何去除列表前面的点或者数字？
在写样式时添加<style type="text/css">list-style:none</style>即可。-
class 和 id 有什么区别？什么时候用 class 什么时候用 id？
- 同一个class可以用于多个标签属性的设置，id只适用于某一个标签属性的设置；
- class在css样式中以“.”来开头命名，而id在CSS样式定义的时候 以“#”来开头命名；
- 出现重复定义时id的优先级高于class。
对于页面上一个仅出现一次的标记，使用id会更合适。对于页面中出现次数较多又可以统一设置样式的标签可以用class。
块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？
块级元素：块级元素占用空间是一整行，高度宽度都是可以设置的。
行内元素：行内元素其宽度就是自身文字或者图片的宽度，高度宽度不可设置。
两者的区别在于：
1. 占用的空间不同：块级元素占用一整行，行内元素占用其自身宽度；
2.可设置的参数不同：块级元素可以设置宽高，行内元素不可以且块级元素的padding&margin有效且占用空间，而行内元素添加边框或北京颜色是padding&margin可显示，但是不占用空间。
分别对应的常用标签如下：
- 块级元素：div、p、h1…h6、table、tr、ul、li、dl、dt、form ；
- 行内元素：a、span、img、input、button、em、textarea 。
- display: block、display: inline、display: inline-block分别有什么作用?
- display: block 将元素显示为块级元素；
- display: inline 将元素显示为行内元素；
- display: inline-block 将元素呈现为行内元素，但拥有可以设置宽度和高度的块级元素属性。
手抄代码
.wrap 设置所有class 为wrap 的元素都执行width 900px;margin:0 atuo，当id 和class 同时出现时，id的优先级高于class。如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节？
HTML 和CSS语义化就是让页面的内容结构化，便于对浏览器，搜索引擎解析，也可以方便开发和维护。
在平常写代码时应该严格按照W3C制定的标准执行，减少差异化。form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
** 作用：用于将用户输入的数据提交到后台。**
常见的input标签有以下几种类型：
1. type="text"用于输入文本。placeholder属性（可选）展示的是输入框里的提示，maxlength（可选）限制最大输入长度；
2. type=”password”:用于输入密码，输入的内容显示为星号;
3. type=”radio”:单选圆圈按钮。注意：name要相同才能实现单选，value要有值;
4. type=”checkbox”:复选框。加checked属性会默认选上;
5. type=”textarea”:文本域，用于输入多行文本;
6. type=”hidden”:隐藏域，用户看不到，用于暂存数据。或者安全性校验。post 和 get 方式的区别？
1.数据提交方式不同，get把提交的数据url可以看到，post看不到；
2.get一般用于提交少量数据，post用于提交大量数据；
3.get最多提交1k数据，浏览器的限制。post理论上无限制，受服务器限制；
4.get提交的数据在浏览器历史记录中，安全性不好。在input里，name 有什么作用？
name 属性规定 input 元素的名称，只有设置了name 属性的表单元素才能在提交时将数据进行传递。<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什么区别？
<button>提交</button>:这只是一个按钮，无法进行数据传递；
<a class="btn" href="#">提交</a>：这是一个超链接按钮，提交后会在当前页面重新打开一次；
<input type="submit" value="提交">：这是一个提交按钮，提交后数据将进行传递。radio 如何分组?
在radio标签中相同的name就可以分组实现单选。placeholder 属性有什么作用?
placeholder属性展示的是输入框里的提示，当在输入框内输入文字时提示消失。-
type=hidden隐藏域有什么作用? 举例说明
隐藏域，用户看不到，用于暂存数据。或者安全性校验。
这是一个简单的form：
Paste_Image.png
输入数据后提交，利用审查模式可以查看到除去用户可见的信息外的hidden隐藏信息，如上下两图绿色方框部分。
Paste_Image.png
