精华内容
下载资源
问答
  • 根据CSS规范规定,每一个网页元素都有一个display属性,用于确定该元素类型,每一个元素都有默认...内联元素只能容纳文本或者其他内联元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。【推荐...

    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,而display属性为inline的元素就是行内元素。

    内联元素(inline element)也叫内嵌元素或行内元素,一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。【推荐:html在线手册】

    内联元素一般是内容的容器,一般情况下,内联元素只能包含内容或者其它内联元素,宽度和长度依据内容而定,不可以设置,可以和其它元素和平共处于一行。内联元素适合显示具体内容。

    特点:

    1、和其他元素都在一行上;

    2、高度、行高和顶以及底边距都不可改变;

    3、宽度就是它的文字或图片的宽度,不可改变。

    HTML内联元素有哪些?a - 锚点;

    abbr - 缩写;

    acronym - 首字;

    b - 粗体(不推荐);

    bdo - bidi override;

    big - 大字体;

    br - 换行;

    cite - 引用;

    code - 计算机代码(在引用源码的时候需要);

    dfn - 定义字段;

    em - 强调;

    font - 字体设定(不推荐);

    i - 斜体;

    img - 图片;

    input - 输入框;

    kbd - 定义键盘文本;

    label - 表格标签;

    q - 短引用;

    s - 中划线(不推荐);

    samp - 定义范例计算机代码;

    select - 项目选择;

    small - 小字体文本;

    span - 常用内联容器,定义文本内区块;

    strike - 中划线;

    strong - 粗体强调;

    sub - 下标;

    sup - 上标;

    textarea - 多行文本输入框;

    tt - 电传文本;

    u - 下划线;

    var - 定义变量。

    更多前端开发知识,请查阅 HTML中文网 !!

    展开全文
  • html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等。块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中...
    b4f6e9dc86423a0dea6a1661f627bc9c.png

    html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等。

    块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。

    内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中文本设置样式。

    div块元素仅仅只用于进行页面布局,它自身不带任何默认样式。

    span内联元素可以用来选中文本设置文本的样式,其自身不会带默认样式。

    一般情况下,只使用块元素包含内联元素,而不会使用内联元素去包含块元素。

    a元素可以包含任意元素,除了其本身。

    p元素不可包含任何的块元素。

    块元素之div:
    div 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    div 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    div 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    div width=300px 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    div width=500px 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    块元素之p:

    p 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    p 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    p 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    p width=300px 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    p width=500px 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    块元素之h(h1, h2, h3):

    h1 蜀道难

    h2 蜀道难

    h3 蜀道难

    h3 width=300px 蜀道难

    h3 width=500px 蜀道难

    内联元素之span:西当太白有鸟道,可以横绝峨眉巅。 西当太白有鸟道,可以横绝峨眉巅。 西当太白有鸟道,可以横绝峨眉巅。
    内联元素之a:
    地崩山摧壮士死,然后天梯石栈相钩连。 地崩山摧壮士死,然后天梯石栈相钩连。 地崩山摧壮士死,然后天梯石栈相钩连。 地崩山摧壮士死,然后天梯石栈相钩连。

    效果显示(默认在谷歌浏览器下):

    56cddd1936f715e2c359080c94d01abb.png

    从上面的效果图中,可以看出,有些块元素和内联元素会自带默认样式,比如:p, h1, h2, h3

    p自带默认样式为:

    p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
    43bcafc94ff00f6c0f4788b8ba1d02c2.png

    h1自带默认样式:

    h1 { display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
    5c6dfe8b540de30abf379a93a33a6075.png

    h2自带默认样式:

    h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
    868cc23d6e52ba915f43b26231091232.png

    h3自带默认样式:

    h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
    140ab071e99801c1b669288fe87500d5.png

    当然还有body元素也会带默认样式:

    body { display: block; margin: 8px;}
    c3b186c2a0df0c18d3ede5478d264786.png
    展开全文
  • html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等。块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中...
    816430763a539ef399131a3bfb8f480c.png

    html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等。

    块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。

    内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中文本设置样式。

    div块元素仅仅只用于进行页面布局,它自身不带任何默认样式。

    span内联元素可以用来选中文本设置文本的样式,其自身不会带默认样式。

    一般情况下,只使用块元素包含内联元素,而不会使用内联元素去包含块元素。

    a元素可以包含任意元素,除了其本身。

    p元素不可包含任何的块元素。

    块元素之div:
    div 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    div 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    div 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    div width=300px 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    div width=500px 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!
    块元素之p:

    p 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    p 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    p 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    p width=300px 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    p width=500px 尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。

    块元素之h(h1, h2, h3):

    h1 蜀道难

    h2 蜀道难

    h3 蜀道难

    h3 width=300px 蜀道难

    h3 width=500px 蜀道难

    内联元素之span:西当太白有鸟道,可以横绝峨眉巅。 西当太白有鸟道,可以横绝峨眉巅。 西当太白有鸟道,可以横绝峨眉巅。
    内联元素之a:
    地崩山摧壮士死,然后天梯石栈相钩连。 地崩山摧壮士死,然后天梯石栈相钩连。 地崩山摧壮士死,然后天梯石栈相钩连。 地崩山摧壮士死,然后天梯石栈相钩连。

    效果显示(默认在谷歌浏览器下):

    ce5b8ed2ae79a959e4bc26aa3b9d05ec.png

    从上面的效果图中,可以看出,有些块元素和内联元素会自带默认样式,比如:p, h1, h2, h3

    p自带默认样式为:

    p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
    86915b2834632a5b3ddf8ff368bb3f9b.png

    h1自带默认样式:

    h1 { display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
    2a77305c3b581ddae8166fcc8b1def8f.png

    h2自带默认样式:

    h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
    831e98b62e85b90d604e5930aea2d5e4.png

    h3自带默认样式:

    h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
    9322f3c752af063100e507fcef875825.png

    当然还有body元素也会带默认样式:

    body { display: block; margin: 8px;}
    cec3f207c5d7408f2d31105ada921994.png
    展开全文
  • 码笔记分享块级元素和内联元素汇总大全:HTML块级元素HTML中的块级元素(block element)总是在新一行开始,高度边距都是可控的,并且块元素容纳内联元素和其他块元素,码笔记分享常见的块元素:...地址...居中对齐块....

    在HTML中哪些是块级元素(block)?哪些是内联元素(inline)?码笔记分享块级元素和内联元素汇总大全:

    HTML块级元素

    HTML中的块级元素(block element)总是在新一行开始,高度边距都是可控的,并且块元素容纳内联元素和其他块元素,码笔记分享常见的块元素:

    ...
    地址
    ...
    居中对齐块

    ...

    标题一级

    ...

    标题二级

    ...

    标题三级

    ...

    标题四级
    ...
    标题五级
    ...
    标题六级
    水平分割线

    ...

    段落
    ...
    预格式化
    ...
    段落缩进(前后5个字符)

    ...滚动文本

    • ...
    无序列表
    1. ...
    有序列表定义列表表格...表单
    ...

    块级元素大多为结构性标记。

    HTML行内(内联)元素

    行内元素也可以叫做内联元素(inline element),行内元素与其他元素在一行上,高、边距和宽度不可以改变,内联元素只能容纳文本或者其他内联元素。常见的行内元素有:

    ...定义文本内区块

    ...链接


    换行

    ...加粗

    ...加粗

    图片

    ...上标

    ...下标

    ...斜体

    ...斜体

    ...删除线

    ...下划线

    ...文本框

    ...多行文本

    ...下拉列表

    2020双十二服务器价格出炉,又降价了!

    双十二拼团:阿里云双十二服务器拼团(全网最低价直接拼不用拉人)

    ①真便宜:阿里云服务器69元1年,203元3年(全网最低价)

    ②腾讯云:腾讯云双十二服务器特惠88元一年起(有高配)

    ③代金券:2020阿里云双十二代金券一键领取中

    展开全文
  • 每个html标签元素都其默认元素类型,主要包括两大类:inline内联元素、block块元素。除默认为以上两种,还有部分标签元素叫可变元素,会根据上下文语境决定该元素为inline元素或是block元素。在css里,一个...
  • block和inline这两个概念是简略说法,完整确切说应该是 block-level elements (块级元素) 和 inline elements (内联元 素)。 block元素通常被显示为独立一块,会单独占一行;inline元素则前后不会产生换行...
  • 有哪些替换型元素一般来说,替换型元素都可以使用 src 属性来引入文件,并替换当前的标签位置的。如常见的 script 、 img 标签和比较少用的 iframe 和 picture 标签,还有 html5 新引入的 video 和 audio 标签,都...
  • 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css作用,块元素会顺序以每次另起一行方式一直往下排。而...
  • 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如 果没有css作用,块元素会顺序以每次另起一行方式一直往下排...
  • 块级元素:div p h1 h2 h3 h4 form ul 行内元素:a b b span input select Css盒模型:内容,border,...行内元素一般都是基于语义级(semantic)基本元素,只能容纳文本或其他内联元素常见内联元素 “a”。比如 SPAN
  • 老徐WEB:有哪些常用的CSS块级元素和行内元素 块级元素:一般是其他元素的容器,可容纳内联元素和块级元素,块级元素独占一行,可以设置元素宽度、高度。 常见的有div,p。address,div,dl,dt,dd,fieldset,form...
  • 常见的块状元素有: <div>,<p>,<h1>...<h6>,<ol>,<ul>,<dl>,<table>, <address>...常见的内联元素有: <a>,<span>,<i>,&...
  • 常见的元素有~、、、、、等,其中标签是最典型的块元素。块级元素的特点:总是从新行开始高度,行高、外边距以及内边距都可以控制。宽度默认是容器的100%可以容纳行内元素和其他块元素。2.行内元素(inline-level)...
  • 行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 1.行内样式(行内样式表) 行内样式表,我们又称内联样式、行间样式;都是通过标签style属性来设置元素样式,它基本语法是: <标签名 style=...
  • 常见的行内元素有哪些?块级元素有哪些常见的行内元素有: a - 超链接(锚点) br - 换行 em - 强调 img - 图片 input - 输入框 label - 表格标签 select - 项目选择 span - 常用内联容器,定义...
  • CSS块元素

    2021-01-13 11:25:10
    什么是css块元素? 块级元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。通俗点来说,就是块元素(block element)...常见的元素有哪些? 元素 作用 address 地址 blockquo
  • 内联元素和块级元素区别,常见有哪些5.如何进行SEO优化二、CSS部分1.文本过长实现省略号2.绝对定位、相对定位、固定定位参照物区别以及原理3.兼容IE写法4.倒三角实现5.常见浏览器内核6.如何处理高度塌陷7.BFC是...
  • 常见前端面试题

    千次阅读 2016-01-11 22:20:53
    2. 行内元素有哪些?块级元素有哪些?CSS 盒模型? 3. CSS 引入方式有哪些? link 和@import 区别是? 4. CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和 important 哪个 优先级高? 5
  • html常见的而已元素分类有哪些? 行内元素、块级元素内联块状元素 他们分别对应的标签有哪些(最少列举5个)? 行内元素:span, a, b, strong, i, em, br, input, textarea 块级元素:div, h1-6, ol, ul ,li , ...
  • 浮动造成的常见问题有哪些? 兄弟元素排版错乱 内联元素(行内元素) 如果该兄弟元素是内联元素内联元素会尽可能围绕在浮动元素周围 块级元素 如果该兄弟元素是块等元素,块级元素会无视浮动元素,并且一定...
  • 常见的浏览器下margin出现的bug有哪些?…… Margin是什么 CSS 边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——...
  • 二、块级元素和内联元素 常见的块级元素 BFC 常见的行内元素 IFC 三、哪些情况会脱离普通流 浮动 绝对定位 固定定位 display:none 四、总结 五、参考资料 一、概述 普通流(normal flow...
  • 常见的元素有div、ul、li、h1~h6、talbe、ol、 ul、td、p等 2 浮动相关 浮动布局指将元素脱离普通流/文档流,使其可以左右移动,直至它的外边缘遇到包含框或者另一个浮动框的边缘。浮动框不属于文档中的普通流,当...
  • 1.HTML中块元素(block element)和内联元素(inline element)各有哪些,它们区别是什么? 其实这两种元素都是html规范中概念。块元素(block element)一般是其他元素容器元素,能容纳其他块元素或内联元素...
  • html标签

    2017-10-21 22:48:00
    今天面试的时候有道题问到块元素有哪些,内联元素有哪些,有哪些空标签。一时间想起的太少了,所以写下来记录一下,同时加深自己的记忆。 常见的块元素:  <div> <h1>~<h6> <p> <ul&...
  • css内边距与外边距区别

    千次阅读 2018-08-31 15:10:41
    你真的了解margin吗?你知道margin有什么特性吗?...常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算...
  • 你真懂得margin么?

    2013-04-18 22:51:14
    写css,你少不了与margin打交道。你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距...常见的浏览器下margin出现的bug有哪些?…… Margin是什么 CSS 边距属性定义元素周围的空间。通过使用单
  • 常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算写下这篇文章,一来是自己工作中的总结,也是对自己知识的一
  • 你真的了解margin吗?你知道margin有什么特性吗?...常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打

空空如也

空空如也

1 2 3 4 5
收藏数 90
精华内容 36
关键字:

常见的内联元素有哪些