css中元素的分类

122 阅读1分钟

在HTML,元素是进行分类的:

1.块级元素  男标签

     表格标签
      div
     h1, h2, h3, h4, h5, h6
      p
    ul li ol li dl dt dd
    form

对于块级标签来说,独占一行,盒子模型上的6大属性都是生效

2.行级元素  

1) 行内元素 女标签

    span, a, em, strong, label, button, i...

对于行内元素/女标签来说,并排显示width和height是不起作用,设置了也是白设置。

margin和padding在水平方向上有效,在垂直方向上是没有效果

2)行内块元素 人妖标签

     img input

对于行内块元素来说,它可以并排显示,除了不独占一行外,其它的和块级标签一样。也就是盒子模型上的6大属性都是生效。

分三类的话:块级元素,行内元素,行内块元素。


盒子模型上的6大属性,对不性别的标签的作用是不一样的

对于块级标签来说,独占一行,盒子模型上的6大属性都是生效

对于行内元素来说,并排显示width和height是不起作用,设置了也是白设置。

margin和padding在水平方向上有效,在垂直方向上是没有效果

对于行内块元素来说,它可以并排显示,除了不独占一行外,其它的和块级标签一样。也就是盒子模型上的6大属性都是生效。