有序列表、无序列表、自定义列表如何使用？如何嵌套？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？
有序列表强调次序只有在明确需要排序的时候使用，无序列表可以做一些板块例如导航栏样式。三种列表以及嵌套列表如下图:
无序列表.png
有序列表.png
自定义列表.png
列表嵌套.png
如何去除列表前面的点或者数字
ul {list-style: none; }
class 和 id 有什么区别？什么时候用 class 什么时候用 id？
- class属性可以多个标签共用,一个标签也可以有多个class属性
- 一个标签只能拥有一个id属性,一个id属性一般也只能作用于一个标签
区别.png
!!!不要这样写，js很容易出错
不要这样写.png
块级元素、行内元素、行内块状元素的区别以及对应的常用标签
- 块级元素:在html中div、p、h1-h6、form、table、ul 、ol和 li就是块级元素。
- 每个块级元素都从新的一行开始，并且其后的元素也另起一行。
- 元素的高度、宽度、行高以及顶和底边距都可设置。
- 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
- 行内元素:在html中span、a、var、 strong 和em就是典型的行内元素
- 和其他元素都在一行上；
- 元素的高度、宽度及顶部和底部边距不可设置。
- 行内块状元素:在html中img、input就是行内块状元素。
- 和其他元素都在一行上
- 元素的高度、宽度、行高以及顶和底边距都可设置
display: block、display: inline、display: inline-block分别有什么作用?
- 设置display:block就是将元素显示为块级元素。
- 设置display:inline就是将元素设置为行内元素。
-
设置display: inline-block就是将元素设置为行内块状元素。
举个例子:
关于inline-block的理解.png
如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节?
语义化可参照betterwlf的浅谈Html语义化
form表单有什么作用？有哪些常用的标签，分别有什么作用？
form表单作用是将用户输入的数据提交到后台。常见标签及作用如图:
input.png
select.png
post 和 get 方式的区别？
- get用于提交少量数据，post用于提交大量数据。
- get 提交的数据在url和浏览记录中可以看到，安全性不好，而post不会留下记录，安全性高于get.
- get提交的数据最大值为1k。post提交数据理论上没有限制，但是受后台服务器的控制。
在input里，name 有什么作用？
与服务器交互数据时作为服务器端的标示,使得服务器能够识别数据类型。
<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什么区别？
- <button>提交</button>一个叫"提交"的按钮
- <a class="btn" href="#">提交</a>一个叫"提交"的a链接标签
- <input type="submit" value="提交">一个能提交所在<form>数据的"提交"按钮
radio 如何 分组?
通过name属性进行分组，name属性相同的是一组。
placeholder 属性有什么作用?
placeholder属性展示的是输入框里的提示。
type="hidden"隐藏域有什么作用?
type="hidden"用户看不到，用于暂存数据或者安全性校验。
比如说服务器在接收数据的时候,可以对type="hidden"中的信息进行校验,只有校验通过才接收数据;同时其隐藏特性也不干扰用户体验.
