任务七问答题

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

有序列表是在列表项有序排列，有先后顺序用。语法结构是

无序列表是在列表项无序排列，是并列的，无先后顺序。语法结构是

，一般网页的导航，标签栏，友情链接都是使用无序列表
自定义列表是用来标记已经定义的列表项，包含dt dd 。语法结构是

，其中dd下面有多个dt，单个dt可以有多个dd

例子如下：

我喜欢的水果

• 苹果
• 梨

(我喜欢的水果有两个，并无先后顺序)

我喜欢的水果

1. 苹果
2. 梨

（我喜欢的水果，按照先后顺序喜欢的程度依次降低）

我喜欢的水果

苹果

梨

以上三种列表 方式可以相互嵌套，也可以自身嵌套同种列表方式

二、如何去除列表前面的点或者数字？

可以用标签选择器li{list-style:none;}

三、class 和 id 有什么区别？什么时候用 class 什么时候用 id？

class和id均是类选择器。二者的区别是：

书写方式方面：class选择器，以点开头，如“.命名”，引用的时候用class=“命名”；id选择器，以#开头，如“#命名”，引用的时候用id=“命名”。

作用方面：id选择器：独一无二的，划分大区块;class选择器：同一类型的区块，小区快class=“intro other other2”

当有几个元素有共同属性时，用class，独一无二的属性时，用id.一般情况下，大的层一般用id,里面的内容有重复用时，一般用class.

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

块内元素和行内元素都是html标签，根据其能否独占一行分为块级和行内元素。

区别：

1、块级元素可以单独占一行，不进行其他设置，其同行不再有其他元素，但是行内元素，会和其他行内元素显示在同一行。

2、行内元素手动设置宽度和高度是无效的，是由自身决定的。

3、margin和padding事实上水平方向是有效的，上下方向的padding和margin是不占空间的，如果加边框会把上下方向的内容遮盖住。

常用标签：

块级元素：p div ul br hr

行业元素：a img span  em strong input元素

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

display:line(行业元素显示，可以让块级元素变成行内元素的显示特性)，block(块级元素显示)，inline-bliock（ie8以下不支持）以行业元素显示，但是有块级元素的特性

六、下面代码是做什么的？抄写一遍下面的代码，注意class和id的使用及命名方式

该代码是设置页面为上中下结构。其中头部有图片，有三个导航（可点击链接）；

中间又分为侧边栏和中心区块

底部就是底部

其中上中下三部分宽度是一样的，通过同一个类class=wrap来声明

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

第一是分块，合理的分层，第二使用合理的标签，第三合理的命名。选择合适的标签，使用合理的代码结构，合理的命名，便于开发者阅读，同时让浏览器便于解析。

平时写的时候要注意合理的标签，合理的命名

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

form表单的作用是用于提交数据至后台。

text,输入文本时用

password,输入密码时用

checkbox输入复选框

textarea输入文本域

radio单选圆角框

hidden隐藏域

select选择列表

九、post 和 get 方式的区别？

二者同为method的即提交数据的方法。

1、最直观的区别就是。post，默认值，在提交数据时在网址栏不可见数据值。get在提交数据时将提交值与网址捆绑，在网址栏可见数据值。这样就直接导致get提交的数据在浏览器历史记录中，安全性不好

2、 get一般用于提交少量数据，post用于提交大量数据

 3、get最多提交1k数据，浏览器的限制。post理论上无限制，受服务器限制 

十、在input里，name 有什么作用？

name值为什么，传递的就是什么，必须得有，才能传递数值后台

十一、提交、提交/

三者有什么区别？

button就是按钮，按钮上值为提交，要进行相关设置，不设置，值并不传递至后台

a是一个链接，点击提交会跳转至另一个页面

input 是会将数据提交至后台的

十一、radio 如何 分组?

radio单选圆角按钮。使用的情景是本身属于同一个大类，即必须有一个统一的name,再细分不同的value。比如最喜欢的球类，name全设置为ball,value可设置为basketball,tennis等各个选项

十二、placeholder 属性有什么作用?

可以起到提示作用，告诉使用者此处该输入什么内容

十三、type=hidden隐藏域有什么作用? 举例说明

type="hidden": 隐藏域，用户看不到，用于暂存数据。或者安全性校验

虽然在页面上不显示，但是后台是可以看得见的

虽然文本框内输入的只有5班同学姓名，但是后台数据显示的是jirengu这个学校的5班同学