有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？哪些情况下使用那种？如何嵌套？
- 有序列表，使用数字标记项目
- 无序列表，使用黑点标记项目
- 自定义列表，用来定义和解释的列表
- 有序列表适合各项目之间有顺序关系的情况，无序列表适用于各项目之间没有顺序关系的情况，自定义列表适用于表示项目和其注释的组合。无序列表是使用最多的一种。
- 列表嵌套
如何去除列表前面的点或者数字
li{
list-style:none;
}
class 和 id 有什么区别?什么时候用class，什么时候用id?
- class 是描述元素的身份的属性，同一个页面上不同元素可以命名为同一个class的属性名，在CSS中我们可以用.加上class属性名选择同一属性名的元素，进行样式设计。
- id 是描述元素唯一标识的属性，在同一个html文件中只有一个，是独一无二的。在CSS中可以用#加上id名选择这个元素。
块级元素、行内元素是什么，有什么区别?分别对应那些常用的标签?
- 块级元素，上下都有换行，排列时是向下排列，独自占一行。
- 行内元素，行内元素可以与其他行内元素排列在同一行，排列时是从左向右排列，只有在空间位置不够时才会换行。
- 块级元素可以设padding margin width height 。行内元素设width 和 height是无效的，而设padding和margin时，左右是有效的，而上下是没有效果的。
display:block、display:inline和display:inline-block分别有什么作用?
-
dispaly:block将元素显示为块级元素。
-
siaplay:inline将元素显示为行内元素。
-
display:block-inline将元素显示为行内块元素，不换行也具有块级元素的属性。不支持IE8以下。
下面代码是做什么？
- 将页面分为三大块，头部，内容区，页脚。三块中的内容都有相同的类wrap
如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节?
- HTML语义话的含义是指内容的的结构化，在合适的地方用合适的标签。便于浏览器和搜索引擎解析，在没有样式CSS的情况下具有良好的可读性。注意根据文档上下结构，选择最适合表达当前语义的标签。
form表单有什么作用？有那些常用的input标签，分别有什么作用。
- form表单就是接受用户提交的数据，并在用户点提交时将数据传送给服务器，以便服务器端的程序处理数据。
- name 定义提交的数据的名称。
- action 提交到的地址。
- method 提交的数据的方式，有get和post两种。
- type:
text:一行文字
textarea:一段文字
password：提交用户密码，显示为黑点、
radio：单选圆圈
checkbox:复选选项
hidden：暂存一些数据，可以进行安全校验。
- max 规定input元素的最大值。
post 和get的区别
- 都是指表单向服务器传送数据用的方式
- 区别有
- 数据提交方式不同，get把提交的数据url可以看到，post看不到。
- get一般用于提交少量数据，post用于提交大量数据。
- get最多提交1k数据，浏览器的限制。post理论上无限制，受服务器限制。
- get提交的数据在浏览器历史记录中，安全性不好。
在input里面，name有什么作用？
- 为input元素定义了唯一的名称 ，没有name就无法提交
<button>提交</button> <a class="btn" href="#">提交</a> <input type="submit" value="提交"> 三者有什么区别？
- 第一个是一个提交按钮
- 第二个是一个链接，点提交跳转
- 第三个是提交表单，点提交提交表单
radio如何分组？
<form>
<p>性别：
<input type="radio" name="sex" value="male">男</br>
<input type="radio" name="sex" value="female">女</br>
<input type="submit" value="提交">
</p>
</form>
- name相同时就能将radio分为一组，选项单选。
placeholder 属性有什么作用?
type=hidden隐藏域有什么作用? 举例说明
- 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。
- 用户提交一个表单上来时要确定用户的身份，可以用hidden里的信息核对确认。
网友评论