块元素、行内元素、行内块元素及特点
- 块元素——div、p、h1-h6、ul、ol、dl、li
- 所有的块级元素默认都是独占一行显示
- 可以给块级元素设置宽度和高度
- 如果一个块级元素没有设置宽度,那么其宽度等于其父元素的宽度
- 行内元素——span、a、 font、strong、em、i、ins、u…
- 所有的行内元素都在一行上并排
- 行内元素的宽度和高度是其内容撑开的范围大小
- 行内元素默认不能设置宽度和高度
- 行内块——img、input
- 元素在一行上并排
- 可以给行内块元素设置宽度和高度
行内元素
又称为内联元素，行内元素的大小是靠本身内容的大小，宽高都设置无效。
常见的特点如下：
- 与其他行内元素并排
- 设置宽高无效
- 默认的宽度就是文本内容的宽度
- 水平方向的 padding 和 margin 属性可以使用。
- 只能容纳文本级元素和内联元素
- 除了 p 之外，所有的文本级标签都是行内元素，p 是块级元素
- 注意：特殊的 a 标签可以放块级元素，但是连接里面不能再放连接
- 常见的行内元素：
| 标签 | 作用 |
| —- | —- |
| | 标签定义超链接 |
| | 表示一缩写形式 |
| | 定义只取首字母缩写 |
| | 定义字体缩写 |
| | 可覆盖默认的文本方向 |
| | 定义大号字体加粗 |
|
| 定义换行 | || 定义计算机代码文本 | |
若有收获，就点个赞吧
0 人点赞
