html元素可分为三大类:块元素、内联元素、可变元素
这里的叫法应该不对,应该把元素替换为标签,标签里面的内容才叫元素。
1.块元素:
常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedset,caption
块状元素特点:
(a)以块的形式显示为一个矩形区域;
(b)块状元素独占一行,自上而下排列;
(c)块状元素可以定义自己的宽度和高度,以及盒模型中的margin,padding,border;
(d)块状元素可以作为一个容器包含其他的块状元素或内联元素。
2.内联元素(行内元素):
常见内联元素:a,strong,b,i,em,span,label,img,input
内联元素特点:
(a)内联元素在一行逐个进行显示;
(b)内联元素没有自己的形状,不能定义宽度和高度,它的宽高由内容来决定;
(c)内联元素设置与高度相关的一些属性(如margin-top,margin-bottom,padding-top,padding-bottom,line-height),显示无效或显示不准确;
(d)内联元素设置左右填充和外间距是可以的。
内联块状元素:img,input,textarea
内联块状元素特点:
(a)即具有内联元素特点,也具有块状元素特点
(b)即可以定义容器的宽,高,margin,padding等,还可以和其他内联元素在一行显示
3.可变元素
html元素可分为三大类:块元素、内联元素、可变元素
这里的叫法应该不对,应该把元素替换为标签,标签里面的内容才叫元素。
1.块元素:
常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedset,caption
块状元素特点:
(a)以块的形式显示为一个矩形区域;
(b)块状元素独占一行,自上而下排列;
(c)块状元素可以定义自己的宽度和高度,以及盒模型中的margin,padding,border;
(d)块状元素可以作为一个容器包含其他的块状元素或内联元素。
2.内联元素(行内元素):
常见内联元素:a,strong,b,i,em,span,label,img,input
内联元素特点:
(a)内联元素在一行逐个进行显示;
(b)内联元素没有自己的形状,不能定义宽度和高度,它的宽高由内容来决定;
(c)内联元素设置与高度相关的一些属性(如margin-top,margin-bottom,padding-top,padding-bottom,line-height),显示无效或显示不准确;
(d)内联元素设置左右填充和外间距是可以的。
内联块状元素:img,input,textarea
内联块状元素特点:
(a)即具有内联元素特点,也具有块状元素特点
(b)即可以定义容器的宽,高,margin,padding等,还可以和其他内联元素在一行显示
3.可变元素
举报