自学之路

Posted 2020-07-27

先来介绍一下元素：块元素和行元素

块级元素：div，p,form,ul,li,ol,dl,address,fieldset,hr,menu,table.

行内元素：span,strong,em,img,input,label,select,textarea,cite.

区别：

1）块级元素会独占一行，其他宽度自动填满其父元素宽度。

行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化。

2）块级元素可以设置width，height属性，行内元素设置width，height是无效的。！注意：块级元素设置宽度仍然占一行。

3）块级元素可以设置margin，padding。行内元素的水方向的padding-left，padding-right，margin-left，margin-right都产生边距效果，但是竖直方向padding-top，paddig-bottom，margin-top，margin-bottom不会产生边距效果。