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

Posted 2021-03-18 zijiang-4476

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

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 内联块元素

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