文档章节

什么是行内元素?

博为峰教研组
 博为峰教研组
发布于 2017/04/09 17:06
字数 372
阅读 53
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

 

我们都知道在html元素分为行内元素和块级元素。在实际开发中,会经常把他们弄混淆,而且很难记住。下面我们就来教会大家如何记住行内元素

下面是我们常用的一些行内元素

<a>

锚点

<b>

字体加粗

<big>

大号字体

<br>

换行

<em>

定义为强调的内容

<i>

斜体文本效果

<img>

图像

<input>

输入框

<label>

标签为input元素的标注

<select>

单选或多选菜单

<small>

小号字体

<span>

组合文档的行内元素

<strong>

强调内容

<sub>

定义下标

<sup>

定义上标

<textarea>

多行文本输入框

这里要强调一点,我们必须要记住这些行内元素,这里写下几句便于记忆行内元素的语句。

字体大小要加粗,

组合图像输入框,

锚准斜体的菜单,

强调换行上下标

那么行内元素该如何使用呢?

1.行内元素会在一条直线上排列,在同一行从左至右水平排列。直到一行排不下,才会换行。

2.行内元素设置宽、高、margin上下、padding上下无效(竖直无效)。

3.行内元素设置line-height,margin左右、padding左右有效(水平有效)。

4.行内元素的宽高随标签内容而变化。

行内元素转换为块级元素

  display:block (字面意思表现形式设为块级)

 

 

 

© 著作权归作者所有

博为峰教研组
粉丝 52
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
加载中
请先登录后再评论。
HTML行内元素与块级元素有哪些及区别?

想起之前工作面试时,面试官问的一个问题:行内元素有哪些,和块级元素有什么区别?这是一道蛮基础的面试题,但是很多初学者平时只注重标签语义,忽视了标签行内和块级的特性, 因此对于上述...

liao_yili
05/09
0
0
课时91.CSS元素显示模式(掌握)

在HTML中HTML将所有的标签分为两类,分别是容器级和文本级 在CSS中CSS也将所有的标签分为两类,分别是块级元素和行内元素 1.什么是块级元素,什么是行内元素? 块级元素会独占一行 行内元素不...

osc_ve0sxjnb
2018/06/12
2
0
04. H5标签有哪些?行内元素有哪些?块级元素有哪些?空(void)元素有哪些?行内元素和块级元素有什么区别?你工作中常用标签有什么?

H5标签有哪些? 2)行内元素有哪些? a - 锚点 em - 强调 img - 图片 font - 字体设定 ( 不推荐 ) i - 斜体 input - 输入框 3)块级元素有哪些? address - 地址 blockquote - 块引用 center...

osc_bm1l5rx8
2019/03/01
1
0
html 行级元素与块级元素整理。

一、什么是行级元素和块级元素。 块级元素特点: 1.霸占一行,无法与任何元素并列。 2.能接受宽,高。 3.如果不设置宽度,那么块级元素会占父标签的100%。 行内元素: 1.可以与其他行内元素并...

苏浩智
2019/01/05
0
0
HTML连载30-CSS显示模式&模式转换

一、CSS显示模式 1.在HTML中HTML将所有的标签分为两类,分别是容器类和文本级。在CSS中CSS也将所有的标签分为两类,分别是块级元素和行内元素 2.什么是块级元素呢?什么是行内元素? (1)块...

osc_1z8ghska
2019/08/15
2
0

没有更多内容

加载失败,请刷新页面

加载更多

(转)Linux系统:centos7下搭建Rocketmq4.3中间件,配置监控台

原文:https://www.bbsmax.com/A/Ae5RRKe35Q/ 一、环境搭建 环境版本 centos7 jdk1.8 已搭建好 rocketmq4.3 1、下载安装包 网址 https://www.apache.org/dyn/closer.cgi?path=rocketmq/4.3.......

osc_3iv3c4fo
27分钟前
18
0
rocketmq 发送时异常:system busy 和 broker busy 解决方案(2019-06更新)

rocketmq 发送时异常:system busy 和 broker busy 解决方案(2019-06更新) 参考文章: (1)rocketmq 发送时异常:system busy 和 broker busy 解决方案(2019-06更新) (2)https://www.cnb...

osc_e7yhr5of
29分钟前
22
0
Redis雪崩效应以及解决方案

Redis雪崩效应以及解决方案 参考文章: (1)Redis雪崩效应以及解决方案 (2)https://www.cnblogs.com/toov5/p/9895929.html 备忘一下。...

osc_6k3dbwo9
30分钟前
38
0
学习rabbitmq (二) 使用rabbitmq

以为rabbitmq会折腾很久,但没有想到就这么多点内容,主要是服务端的懒得去折腾,比如docker的转移啊,发布啊,部署啥的 今天写了一些代码,用的c#弄的,新建两个项目,一个sender,一个rec...

osc_8hhlaimy
31分钟前
22
0
指定版本拉取

https://blog.csdn.net/csdn_idiot/article/details/106188831 https://blog.csdn.net/bjrxyz/article/details/90347292 chromium(linux环境)指定版本下载和编译教程 csdn_idiot 2020-05-2......

osc_hinb5m98
33分钟前
22
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部