block、inline元素–基础理解

1.block(块)元素的特点:
(a)总是在新行上开始;
(b)高度,行高以及外边距和内边距都可控制;
(c)宽度缺省是它的容器的100%,除非设定一个宽度。
(d)它可以容纳内联元素和其他块元素

2.inline元素的特点:
(a)和其他元素都在一行上;
(b)高,行高及外边距和内边距不可改变;
(c)宽度就是它的文字或图片的宽度,不可改变
(d)内联元素只能容纳文本或者其他内联元素
(e)width|height|margin-top|margin-bottom无影响
margin-left和margin-right;起作用。
padding-left;padding-right同样有效果,与块元素效果相同。
padding-top和padding-bottom不会影响它的高度,但是会影响他的背景高度。

参考文章:
1.什么是块级元素和内联级元素
2.关于margin、padding 对内联元素的影响

此条目发表在CSS分类目录。将固定链接加入收藏夹。

发表评论

邮箱地址不会被公开。 必填项已用*标注