元素就是标签,布局中常用的有三种标签,块元素 、内联元素、内联块元素
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 内联块元素
内联块元素,也叫行内元素,是新增的元素类型,现有元素没有归于此类型;
原文地址:https://www.cnblogs.com/zijiang-4476/p/12148777.html
时间: 2024-10-13 21:00:17