有序列表、无序列表、自定义列表如何使用?如何嵌套?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?
有序列表强调次序只有在明确需要排序的时候使用,无序列表可以做一些板块例如导航栏样式。三种列表以及嵌套列表如下图:
无序列表.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 有什么作用?
与服务器交互数据时作为服务器端的标示,使得服务器能够识别数据类型。
提交、提交、三者有什么区别?
提交一个叫"提交"的按钮
提交一个叫"提交"的a链接标签
一个能提交所在
数据的"提交"按钮radio 如何 分组?
通过name属性进行分组,name属性相同的是一组。
placeholder 属性有什么作用?
placeholder属性展示的是输入框里的提示。
type="hidden"隐藏域有什么作用?
type="hidden"用户看不到,用于暂存数据或者安全性校验。
比如说服务器在接收数据的时候,可以对type="hidden"中的信息进行校验,只有校验通过才接收数据;同时其隐藏特性也不干扰用户体验.