文章目录
- 行内元素的特点
- 行内元素清单
- 可变元素列表
inline element. 也叫行级元素、内联元素。
行内元素默认设置宽度是不起作用,需设置 display:inline-block 或者 block 才行。
行内元素的特点
-
可以和其他元素处于一行,不用必须另起一行;
-
元素的高度、宽度及顶部和底部边距不可设置;
-
元素的宽度就是它包含的文字、图片的宽度,不可改变;
-
对 margin 仅设置左右方向有效,上下无效;
-
padding设置上下左右都有效,即会撑大空间;
-
行内元素尺寸由内含的内容决定;
-
行内元素的盒模型中 padding,border 与块级元素并无差异;
-
行内元素的水平方向的 padding-left、padding-right、margin-left、margin-right 都产生边距效果,但是垂直方向的 padding-top、padding-bottom、margin-top、margin-bottom 都不会产生边距效果。
行内元素清单
| 元素名称 | 说明 |
|---|---|
| 标签定义超链接,用于从一张页面链接到另一张页面。 |
| 表示一个缩写形式 |
| 定义只取首字母缩写 |
| 粗体(不推荐) |
| 粗体强调 |
| 改变文本的显示方向,正常显示文本从左至右,例如,some,如果改成从右到左,则会显示成 emos |
| 大号字体加粗 |
| 换行 |
| 定义字段 |
| 斜体强调 |
| 斜体文本效果,好像效果和 相同呀 |
| 规定文本的字体、字体尺寸、字体颜色,不赞成使用 |
| 文本输入框 |
| 定义键盘文本 |
| 中划线,不推荐使用,推荐使用 |
| 中划线; 标签可定义加删除线文本定义。不推荐使用,推荐使用 |
| 删除线 |
| 定义范例计算机代码,定义样本文本 |
| 项目选择,下拉列表;创建单选或多选菜单 |
| 常用内联容器,组合文档中的行内元素 |
| 定义下标文本 |
| 定义上标文本 |
| 多行文本输入框 |
| 呈现类似打字机或者等宽的文本效果 |
| 下划线 |
| 定义变量 |
| cite 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。按照惯例,引用的文本将以斜体显示。 |
| 定义计算机代码文本 |
| 可标记那些对特殊术语或短语的定义 ,也是斜体效果呀 |
| 向网页中嵌入一幅图像 |
| 为 input 元素定义标注(标记) |
| 定义短的引用,浏览器经常在引用的内容周围添加引号 |
| 呈现小号字体效果 |
可变元素列表
可变元素为根据上下文语境决定该元素为块元素或者内联元素。
| 元素名称 | 说明 |
|---|---|
| 按钮 |
| 定义文档中已被删除的文本 |
| 创建包含另外一个文档的内联框架(即行内框架) |
| 定义已经被插入文档中的文本。请与 一同使用,来描述文档中的更新和修正, 包含的文本通常会显示下划线 |
| 客户端图像映射(即热区) |
| object 对象 |
| 客户端脚本 |
