一、有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？
有序列表是在列表项有序排列，有先后顺序用。语法结构是<ol><li></li><li></li></ol>
无序列表是在列表项无序排列，是并列的，无先后顺序。语法结构是<ul><li></li><li></li></ul>，一般网页的导航，标签栏，友情链接都是使用无序列表
自定义列表是用来标记已经定义的列表项，包含dt dd 。语法结构是<dl><dt><dd></dd></dt></dl>，其中dd下面有多个dt，单个dt可以有多个dd
例子如下：
<h1>我喜欢的水果</h1><ul><li>苹果</li><li>梨</li></ul>(我喜欢的水果有两个，并无先后顺序)
<h1>我喜欢的水果</h1><ol><li>苹果</li><li>梨</li></ol>（我喜欢的水果，按照先后顺序喜欢的程度依次降低）
<d1><dt>我喜欢的水果</dt><dd>苹果</dd><dd>梨</dd></d1>
以上三种列表 方式可以相互嵌套，也可以自身嵌套同种列表方式
<ul><li><ol><li></li><li></li></ol></li><li></li></ul>
二、如何去除列表前面的点或者数字？
可以用标签选择器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输入文本域<textarea neme="" value=""></textarea>
radio单选圆角框
hidden隐藏域
select选择列表 <select name=""><option value=""></option></selext>
九、post 和 get 方式的区别？
二者同为method的即提交数据的方法。
1、最直观的区别就是。post，默认值，在提交数据时在网址栏不可见数据值。get在提交数据时将提交值与网址捆绑，在网址栏可见数据值。这样就直接导致get提交的数据在浏览器历史记录中，安全性不好
2、 get一般用于提交少量数据，post用于提交大量数据
3、get最多提交1k数据，浏览器的限制。post理论上无限制，受服务器限制
十、在input里，name 有什么作用？
name值为什么，传递的就是什么，必须得有，才能传递数值后台
十一、<button>提交</button>、<a href="" class="btn">提交</a>/<input type="submit" value="提交">三者有什么区别？
button就是按钮，按钮上值为提交，要进行相关设置，不设置，值并不传递至后台
a是一个链接，点击提交会跳转至另一个页面
input 是会将数据提交至后台的
十一、radio 如何 分组?
radio单选圆角按钮。使用的情景是本身属于同一个大类，即必须有一个统一的name,再细分不同的value。比如最喜欢的球类，name全设置为ball,value可设置为basketball,tennis等各个选项
十二、placeholder 属性有什么作用?
可以起到提示作用，告诉使用者此处该输入什么内容
十三、type=hidden隐藏域有什么作用? 举例说明
type="hidden": 隐藏域，用户看不到，用于暂存数据。或者安全性校验
虽然在页面上不显示，但是后台是可以看得见的
<input type="text" name="huamingce" placeholder="请输入任务5班同学姓名"/>
<input type="hidden" name="school" value="jirengu"/>
虽然文本框内输入的只有5班同学姓名，但是后台数据显示的是jirengu这个学校的5班同学
网友评论