1.有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？
有序列表；无序列表；自定义列表
| 列表 | 解释 |
|---|---|
| 有序列表 | 每项之间有先后顺序one by one |
| 无序列表 | 每项之间无先后顺序并列关系可调换位置(用的最多) |
| 自定义列表 | 表示 dt(列表头)对dd(列表内容)概括或具有父子属性关系等 |
分块，先大后小把项目分成几大块然后在大块里面填充小块，有点树状图的感觉
Paste_Image.png
2.如何去除列表前面的点或者数字？
加代码
list-style: none
3.class 和 id 有什么区别？什么时候用 class 什么时候用 id？
相同点：可用于任何元素
不同点：ID选择器只能在文档中使用一次，class可多次；可以使用类选择器词列表方法为一个元素同时设置多个样式，ID选择器是不可以的。
4.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？
- 块级元素
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
<div>、 <p>、<h1>、<form>、<ul> 、 <li>就是块级元素
- 行内元素
1、和其他元素都在一行上，排满了才会倒下一行。
2、元素的高度、宽度及顶部和底部边距不可设置。
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
<span>、<a>、<label>、 <strong>、 <em>就是行内元素。
5.display: block、display: inline、display: inline-block分别有什么作用?
| 元素转换 | 作用 |
|---|---|
| display: block | 将元素呈现为块级元素，使一些内联元素有块级元素的特性设置高宽等等。 |
| display: inline | 将元素呈现为内联元素，前后不带换行符。 |
| display: inline-block | 应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性。 |
[display:inline、block、inline-block的区别]
6.下面代码是做什么的？抄写一遍下面的代码，注意class和id的使用及命名方式
7.如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节
给某块内容用上一个最恰当最合适的标签，这样一来，不管是谁都能看懂这块内容是什么。利于后期的维护和修改，提高团队合作效率。
平常写代码不要用拼音，注意保持自己的风格形成习惯，HTML每个标签都有自己的语义，都有自己适用的范围。但往往会被我们忽略或者被我们滥用，不要都是div到底。
8.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
1.用于向服务器上传用户提交的信息，向服务器请求到自己所需要的内容。
<input type="text">输入文本比如输入用户名
<input type="password" 输入密码>
<input type="checkbox" 多选选项>
<input type="radio" 单选选项>
<input type="hidden" 隐藏数据，用于安全>
<input type="submit" 提交>
<input type="file" 上传文件>
<input type="rest" 重置>
9.post 和 get 方式的区别？
1.数据提交方式不同：get提交的数据url上能看到，post不能。
2.get一般用于提交少量数据，post用于提交大量数据。
3.get提交的数据大小不大于1k，浏览器的限制；post理论上来说无限制，受服务器限制。
4.get提交的数据再浏览器历史记录中，安全性不好。
10.在input里，name 有什么作用？
与服务器交换数据的标识。
11.1.<button>提交</button> 2.<a class="btn" href="#">提交</a>、 3.<input type="submit" value="提交">三者有什么区别？
1就只是页面上的一个提交按钮形状，2是点击后是个a链接还是在本页面，没什么作用，3是把用户输入的数据提交到了服务器
12.radio 如何分组?
设置同一个
name,可产生单选效果。
apple:<input type="radio" name="apple" value="iphone6s">iphone6s <input type="radio" name="apple" value="iphone6">iphone6
1.placeholder 属性有什么作用?
设置输入字段预期值的提示信息，该提示会在输入字段为空时显示，并会在字段获得焦点时消失
13.type=hidden隐藏域有什么作用? 举例说明
其作用为暂存数据或用于安全校验使用；
Paste_Image.png
在用户再打开的页面埋个数字段（后台即时生成每次不一样），当提交的时候会一起提交到后台，一致了后台就会认可是本人提交的信息，不一致或者没有后台就不会接受你的请求。
本教程版权归 饥人谷_Josh和饥人谷所有，转载须说明来源
网友评论