先来介绍一下元素:块元素和行元素
块级元素: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不会产生边距效果。
时间: 2024-11-03 03:47:11