⭐ tips:块级元素占一行,不论内容多少只要是有2个这样的元素就会换行,行内元素内容少时不会换行。
一、块元素(block)的特点:
1. 总是在新行上开始;
2. 高度,行高以及顶和底边距都可控制;
3. 宽度缺省是它的容器的100%,除非设定一个宽度。
二、行内元素(inline)的特点:
1. 和其他元素都在一行上;
2. 高,行高及顶和底边距不可改变;
3. 宽度就是它的文字或图片的宽度,不可改变。
三、行块级之间的转换:
1. 行内标签转换块级标签:display:block
2. 块级元素转换行内元素:display:inline
四、行内元素列表:
<a> 标签可定义锚
<abbr> 表示一个缩写形式
<acronym> 定义只取首字母缩写
<b> 字体加粗
<bdo> 可覆盖默认的文本方向
<big> 大号字体加粗
<br> 换行
<cite> 引用进行定义
<code> 定义计算机代码文本
<dfn> 定义一个定义项目
<em> 定义为强调的内容
<i> 斜体文本效果
<img> 向网页中嵌入一幅图像
<input> 输入框