Learn HTML&CSS he hard way III

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



Learn HTML&CSS he hard way III_第1张图片


Learn HTML&CSS he hard way III_第2张图片

如图所示,有序列表显然应该是用于强调事物顺序的地方,比如步骤等,无序则用于清单等不需要太在意顺序的地方,自定义列表则用于自由组合的地方,比如列举事物的属性

如何去除列表前面的点或者数字?



list-style:none


class 和 id 有什么区别?什么时候用 class 什么时候用 id?


class代表类,可以多次使用,一般用在一个可能会多次在项目中出现的功能属性上,比如排列,颜色等等。

id是特有的,只能出现一次,使用id代表设置只针对该id有效,即使在其他地方用到也需要重新设置新的类或id,同时id也可以用于定位,利用herf直接跳转到id所在位置。

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


块级元素:

blockquote

div

dl

ol

ul


table

fieldset

h(1-6)


行内元素:


br

em

img

label

span

var

teatxarea

label

块元素会直接占领一行,而行元素只占有元素宽度那么宽;块元素上下左右的边距都存在,行内元素只有左右边距会占据空间。

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


display:block是把元素设置为块级元素

display:inline设置为行内元素

display:inline-block设置为既具有inline又具有block属性当对象

设置为block后,大小以及所有边距都可以控制,会独占一行。

设置为inline后,上下边距不能控制,宽度就是元素宽度加边距,不额外设置的话元素水平排列

inline-block,既可以像行内元素一样在一行排列,又可以像块元素一样设置上下外边距

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



Learn HTML&CSS he hard way III_第3张图片

设置了三大块,header content,footer。

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


HTML CSS语义化是为了是开发人员更好地理解程序,毕竟读懂三个月以前写的代码,并不是一件容易的事情。

使用正确的标签和名字,来编写代码,会使得代码可读性更高,更利于维护,同时方便爬虫和浏览器当解析。

form表单有什么作用?有哪些常用的input 标签,分别有什么作用?


form表单用于把用户输入的数据提交到后台。

常用的input标签:

text

textarea

password

radio

checkbox

post 和 get 方式的区别?


默认情况下是get

post安全性更好,可以传输更大当文件,并且不会在url里被看到

get在url里会被看到,安全性较差,有传输大小限制,适合传送较小的不重要当表格

在input里,name 有什么作用?


name是给标签加一个名字,这样在表单传递给后台数据库的时候,会出现task6.php?name=envy这样当字眼,相当于给用户的数据加了一个属性标签,便于传输管理。

提交三者有什么区别?


你可能感兴趣的:(Learn HTML&CSS he hard way III)