本文详细介绍了CSS中的块元素、内联元素及内联块元素的特点与使用场景，包括它们的默认行为、支持的CSS属性以及页面布局原则等内容。
1，块元素（block）
默认撑满一整行
默认独占一行
支持所有css命令
常见块元素：
body h1，h2，h3，h4，h5，h6 p div li ul ol dl dt dd
2，内联元素（inline 行内元素，内嵌元素）
不支持宽高
不支持上下margin
后面可以跟上其他同类型的元素（排成一行）
由内容撑开宽度
代码换行会解析空格（空格大小在宋体情况下是字体大小的一半）
常见内联元素：
a span em i （专业词汇，斜体） b（关键词，加粗） strong（加粗） time input img
特殊的img标签
是内联元素，但是支持宽高，并且只给宽度或者高度的时候，另一个值等比例缩放
img标签下面会多出来几个像素（改变它的垂直对齐方式）
3，内联块（inline-block）
没有原生的内联块，任何元素都可以转换为内联块元素
让块元素排成一行
让内联元素支持宽高
代码换行会解析空格（空格大小在宋体情况下是字体大小的一半）
默认有内容撑开宽度
页面布局原则：
不同类型的元素尽量不要混用
规则：
块元素可以包含任何元素，内联元素不能包含块元素。
四条线：
顶线
中线
基线
底线
页面中内联元素默认是底线（基线）对齐
vertical-align ：top；
改变元素的垂直对齐方式
扫一扫
2465
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
