3.3 块元素 内联元素 内联块元素

元素就是标签,布局中常用的有三种标签,块元素 、内联元素、内联块元素

3.3.1 块元素

  块元素,也可以称为行元素,布局中常用的标签有:div \ p\ ul\ li \h1-h6\ dl\ dt\ dd等都是块元互;它在布局中的行为:

    a.支持全部的样式

    b.如果没有设置宽度,那么默认的宽度为父级宽宽的100%

    c.盒子占据一行,即使设置了宽度

3.3.2 内联元素

  内联元素,也可以称为行内元素,布局中常用的标签如:a  pan  em  b  strong  i等,它们在布局中的行为:

    a.支持部分样式(不支持宽、高、margin上下、padding上下)

    b.宽高由内容决定

    c.盒子并在一行

    d.代码换行,盒子之间会产生间距

    e.子元素是内联元素,你元素可以用text-align属性设置元素水平对齐的方式

3.3.3  解决内联元素间隙的方法

    a.去掉内联元素之间的换行

    b.将内联元素的父级设置font-size为0,内联元素自身再设置font-size

3.3.4 内联块元素

  内联块元素,也叫行内元素,是新增的元素类型,现有元素没有归于此类型;

猜你喜欢

转载自www.cnblogs.com/zijiang-4476/p/12148777.html