作者:粉雪琪的天涯 | 来源:互联网 | 2023-05-18 15:44
我们都知道在html元素分为行内元素和块级元素。在实际开发中,会经常把他们弄混淆,而且很难记住。下面我们就来教会大家如何记住行内元素的下面是我们常用的一些行内元素
我们都知道在html元素分为行内元素和块级元素。在实际开发中,会经常把他们弄混淆,而且很难记住。下面我们就来教会大家如何记住行内元素的
下面是我们常用的一些行内元素
|
锚点 |
|
字体加粗 |
|
大号字体 |
|
换行 |
|
定义为强调的内容 |
|
斜体文本效果 |
|
图像 |
|
输入框 |
|
标签为input元素的标注 |
|
单选或多选菜单 |
|
小号字体 |
|
组合文档的行内元素 |
|
强调内容 |
|
定义下标 |
|
定义上标 |
|
多行文本输入框 |
这里要强调一点,我们必须要记住这些行内元素,这里写下几句便于记忆行内元素的语句。
字体大小要加粗,
组合图像输入框,
锚准斜体的菜单,
强调换行上下标
那么行内元素该如何使用呢?
1.行内元素会在一条直线上排列,在同一行从左至右水平排列。直到一行排不下,才会换行。
2.行内元素设置宽、高、margin上下、padding上下无效(竖直无效)。
3.行内元素设置line-height,margin左右、padding左右有效(水平有效)。
4.行内元素的宽高随标签内容而变化。
行内元素转换为块级元素
display:block (字面意思表现形式设为块级)