精华内容
下载资源
问答
  • 元素按照显示方式主要可以分为块级元素和行内元素,元素的显示方式由display属性控制。 块级元素特点总结: 1、总是在新行上开始 2、宽度的默认为width+margin-left+margin-right+padding-left+padding-right刚好...
  • 块级元素可以包含行内元素和其它块级元素,且占据父元素的整个空间,可以设置 width 和 height 属性,浏览器通常会在块级元素前后另起一个新行。 常见块级元素: header,form,ul,ol,table,article,div,hr,aside,...
  • 行内元素标签 <b></b> 粗体 <strong></strong> 粗体 <i></i> 斜体 <u></u> 下划线 <del></del> 中划线 <sub></sub> 下标 ...

    行内元素标签

        <b></b>   粗体
        <strong></strong>   粗体
        <i></i>           斜体
        <u></u>      下划线
        <del></del>       中划线
        <sub></sub>  下标
        <sup></sup>  上标

    展开全文
  • CSS标签分类(块元素 行内元素 行内块元素)

    千次阅读 多人点赞 2019-05-21 20:31:51
    标签:divph1-h6hr ulol lidl dd dt form ①支持宽高,自上而下排列 ②不受空格影响 ③一般用于其他标签的容器 ④默认宽度为100%(独占一行)。...行内标签:spani ab strong em sub sup u label br font ...

    块标签:div p h1-h6 hr ul ol li dl dd dt form 

                ①支持宽高,自上而下排列

                ②不受空格影响

                ③一般用于其他标签的容器

                ④默认宽度为100%(独占一行)。

    行内标签:span i a b strong em sub sup u label br font

                 ①不支持宽高(宽高根据内容大小自动撑开),自左向右排列

                 ②受空格影响

                 ③不独占一行

    行内块标签:img  textarea  input

                   ①支持宽高,自左向右排列

                   ②受空格影响

                   ③不独占一行

    标签之间的转换

    display:inline(转为行内元素)

                  inline-block(转为行内块元素)

                  block(转为块元素)

                  none(隐藏 不显示)

    注意:当元素浮动(float)时会转化成行内块元素特点。

    展开全文
  • 根据标签语义化的理念,行内元素最好只包含行内元素,不包含块级元素。 转换  当然块级元素与行内元素之间的特性是可以相互转换的。HTML可以将元素分为行内元素、块状元素和行内块状元素三种。 使用display属性能够...
  • img标签到底是行内元素还是块级元素

    千次阅读 多人点赞 2020-11-27 14:19:16
    写这篇文章源自我之前的一次面试,题目便是问img标签属于块级元素还是行内元素,当时想都没想就说了是行内(inline)元素,面试官追问为什么能够设置 <img /> 标签的宽和高,当时脑子突然一懵,发现这是自己技术...

    在这里插入图片描述

    面试官问你<img>是什么元素时你怎么回答

    写这篇文章源自我之前的一次面试,题目便是问img标签属于块级元素还是行内元素,当时想都没想就说了是行内(inline)元素,面试官追问为什么能够设置 <img /> 标签的宽和高,当时脑子突然一懵,发现这是自己技术上的一个空白,所以有了这篇文章。

    阅读本文您将收获

    • <img />标签的基本使用
    • MDN关于元素的定义
    • 特殊的可替换元素

    <img /> 标签的基本使用

    浏览器支持

    • 所有主流浏览器都支持 <img> 标签

    标签定义及使用说明

    • <img> 标签定义 HTML 页面中的图像
    • <img> 标签有两个必需的属性:src 和 alt
    • 强烈推荐在开发中每个图像中都使用 alt 属性。这样即使图像无法显示,用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说,alt 属性通常是他们了解图像内容的唯一方式

    <img />究竟是什么元素

    <img /> 是行内元素还是块级元素?

    • <img /> 标签没有独占一行,所以是行内元素,这没啥问题

    既然是行内元素为什么能够设置宽高呢?

    • 这个问题就要引申出下面部分了,<img /> 标签属于替换元素,具有内置的宽高属性,所以可以设置,具体解释看下面。

    元素的定义

    从元素本身的特点来讲,可以分为不可替换元素和替换元素

    元素相关的MDN解释

    不可替换元素

    • (X)HTML 的大多数元素是不可替换元素,即其内容直接表现给用户端(例如浏览器)
    • 如:<h1>我是标题</h1>

    可替换元素

    • 浏览器根据元素的标签和属性,来决定元素的具体显示内容
    • 例如浏览器会根据 <img> 标签的src属性的值来读取图片信息并显示出来,而如果查看(X)HTML代码,则看不到图片的实际内容;又例如根据 <input> 标签的type属性来决定是显示输入框,还是单选按钮等
    • (X)HTML中的 <img>、<input>、<textarea>、<select>、<object> 都是替换元素。这些元素往往没有实际的内容,即是一个空元素
    • 如:<img src="tigger.jpg"/><input type="submit" name="Submit" value="提交"/>
    • 可替换元素的性质同设置了display:inline-block的元素一致

    特殊的可替换元素

    • <img>属于可替换元素
    • <img>同时具有行内元素,行内块,和块级元素的特性
    • 替换元素一般有内在尺寸,所以具有 widthheight,可以设定
      • 例如你不指定 <img>widthheight 时,就按其内在尺寸显示,也就是图片被保存的时候的宽度和高度
    • 对于表单元素,浏览器也有默认的样式,包括宽度和高度
    • <img>、<input>属于行内替换元素。height/width/padding/margin均可用。效果等于块元素

    写在最后

    如果你觉得这篇文章对你有益,烦请点赞以及分享给更多需要的人!

    欢迎关注微信公众号【全栈道路】,获取更多科技相关知识及免费书籍。


    在这里插入图片描述

    更多好文

    [万字长文]百度和好未来面试经含答案

    [前端面试]前端缓存问题看这篇,让面试官爱上你

    记一次惨痛的Vue-cli + VueX + SSR经历

    [三分钟小文]前端性能优化-HTML、CSS、JS部分

    [三分钟小文]前端性能优化-页面加载速度优化

    [三分钟小文]前端性能优化-网络传输层优化

    展开全文
  • 设置标签行内元素

    2020-04-07 22:18:00
    display:inline-block;行内元素
    display:inline-block;行内块元素
    展开全文
  • 一、块级元素 每一个块级元素都会独占据一整行或多整行,可以对其设置...等,其中div标签是最典型的元素。 如: <body> <div>123</div> <div>456</div> <d.
  • CSS中的块级元素、行内元素和行内块元素

    千次阅读 多人点赞 2019-05-21 14:09:11
    比如:div 与span的显示方式不一样,因为 div是块级元素,会占据一行,而span为行内元素,可多个span放置一行。接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。 块级元素 block 块级元素,...
  • 行内元素及其特点

    2020-09-08 19:44:54
    标签最典型的行内元素。有的地方也成内联元素 行内元素的特点: (1)相邻行内元素在一行上,一行可以显示多个。 (2)高、宽直接设置是无效的。 (3)默认宽度就是它本身内容的宽度。 (4)行内元素只能容纳文本或...
  • 1、常见的块元素有<h1>~<h6>、<p>、<div>、<ul>...2、常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、...
  • html标签(行元素,块元素行内元素

    千次阅读 多人点赞 2019-10-10 15:46:00
    行内元素 img:用于标记网页中的图像 ,有属性src:图片资源路径 ,alt:提示信息 当图片加载失败 ,以指定文本形式代替图片显示 a:标记网页中的超链接,点击可以打开或者跳转到另一个网页,也可以链接到一个要...
  • 常见html标签 块级元素:占满整行,元素宽高边距等可设置;(如:div、p 、h1~h6、ul、li、ol、form、table、br) 行内块级元素:不占满整行,元素宽高边距等可设置;...行内元素可以直接设置...
  • 一、块级元素 block 1. 特点: 自动换行 独占一行 可设置宽高 默认宽度为父元素的宽度 2.常见块级元素 div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header...
  • 块级元素和行内元素,行内块元素

    千次阅读 2020-02-01 21:03:56
    在学习 CSS 的时候发现,发现有些...又称为内联元素,行内元素的大小是靠本身内容的大小,宽高都设置无效。 常见的特点如下: 与其他行内元素并排 设置宽高无效 默认的宽度就是文本内容的宽度 水平方向的 paddin...
  • 图像标签 &amp;lt;img src=&quot;../&quot; alt=&quot;text&quot; title=&quot;text&quot; width=&quot;x&quot; height=&quot;y&quot; /&amp;gt; src:图片...
  • span与div 行内元素和块元素(标签

    千次阅读 2014-08-07 20:31:30
    讨论span与div的区别就是行内元素与块元素有什么不同 span是行内元素
  • 块级元素(代表div) 特点: 宽度默认与父级相同 独占一行 可设置宽高,margin padding 注:p标签、h、dt等文字类标签内最好不要放块级元素 行内元素(代表 span a) 特点 ...行内元素内最好不放块级
  • HTML的行内元素

    2020-12-08 16:12:36
    行内元素一般指在产生的界面上标签不会自动换行,它们集中在同一行上,就是行内元素。 a标签 a标签主要用于产生跳转作用,其结构如下: <!--跳转,target产生新的页面--> <a href=...
  • 块元素、行内元素、行内块元素

    万次阅读 多人点赞 2018-06-01 10:36:08
    一、块元素 block element 块元素的特性 独霸一行,总是在新行上开始 宽度缺省是它父级元素的100%,除非设定一个宽度 高度、行高、外边距、内边距都可以设置 可以容纳其他内联元素或者其他块元素 常见的块...
  • 一、行内元素和块级元素的区别 1、 行内元素不会占据整行,在一条直线上排列,都是同一行,水平方向排列; 块级元素会占据一行,垂直方向排列。 2、 块级元素可以包含行内元素和块级元素;行...
  • 4.块级元素中可以包含块级元素和行内元素 5.块级文字元素中不能放入其他块级元素 6.块级大多为结构性标记 常见块级元素: <center>...</center> 地址文字 <h1>...</h1> 标题一级 <...
  • 标签分为两种等级: 1,行内元素。2,块级元素。行内元素和块级元素的区别:行内元素:  - 与其他行内元素并排 - 不能设置宽高,默认的宽度就是文字的宽度 块级元素: - 霸占一行,不能与其他任何元素并列。 ...
  • 常见块元素: <h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 特点: 独占一行 高度,宽度,外边距以及内边距都可以控制 宽度是容器(父级宽度)的100% 是一个容器及盒子,...
  • HTML行内元素、块状元素、行内块状元素的区别

    万次阅读 多人点赞 2018-01-27 09:42:35
    HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换:  (1)display:inline;... 行内元素最常使用的就是s
  • 1、行内元素&块级元素 行内元素:指该元素标记的内容不不会对现在的结构造成影响。 块级元素:单独占据一行。 常见的行内元素: 内联元素(inline element): a - 锚点,abbr - 缩写,acronym - 首字,...
  • img标签行内元素。类似于 inline-block 可以被p标签包裹。<p><img src="1.jpg"></p>比如p是居中,图片也中了。 p标签:块级元素,默认宽度占满一行。 HTML <P>是段落标签,除了可以...
  • 闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素 元素之间的转化 - display:block;(将元素变为块级元素) - display:inline; (将元素变为行级元素) - display:inline-block;(将元素变为行级块...
  • html标签按照元素种类可以分为行内元素(display: inline);块级元素(display:block)和行内块级元素(display:inline-block)三种。 二、了解元素种类有什么用 了解元素种类有利于,我们进行css布局及属性的...
  • (3)可以容纳行内元素和其他块级元素。 注:文字类的块级元素不能容纳块级元素,例如<p>/<h1>~<h6>/<dt> 2.行内元素: (1)会和相邻的行内元素排成一行。 (2)设置宽、高无效,默认宽高是...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 63,176
精华内容 25,270
关键字:

属于行内元素的标签