精华内容
下载资源
问答
  • 行内元素

    2014-09-06 15:48:32
    行内元素 1,行内元素有哪些? ——非替换元素:a,span,strong,b,abbr,input等; ——替换元素: img,link等; 非替换元素: 2,行内元素有哪些特征? ——不会在内容前后产生“换行符”;水平方向上可以设置...

    1,行内元素有哪些?

    ——非替换元素:a,span,strong,b,abbr等;

    ——替换元素: img,input等;

    2,行内元素有哪些特征?

    ——不会在内容前后产生“换行符”。

    水平方向上可以设置内、外边距,但是垂直方向上即使设置了外边距也不会起作用。(对于非替换元素)

    3,行内元素的基本术语?

    ——匿名文本:指没有放置在行内元素里的文本。

                  例:<p>匿名文本<span>行内元素里的文本</span></p>

    ——内容框: 内容框的高度等于font-size的值。

    ——行间距:行间距等于line-heightfont-size的差值。该差值的一半分别放在字体的上,下,分别称为半间距。

    ——行内框: 对于非替换元素而言,行内框的高度等于line-height的值。(由内容框和行间距组成。)对于替换元素而言,行内框的高度则恰好等于内容区的高度,行间距不应用到替换元素。

    ——行框: 包含该行中的行内框的最高点和最低点的框。

    例:这个行框由两种行内框组成;

     

    非替换元素: 

    4,关于line-height:

    代码:

     

    分析: 父元素p设置了line-height20px,font-size20px,匿名文本的行框高度为20px;

    Span元素设置font-size40px,但是它的line-height继承父元素的,所以行内框高度为20px;得出它的半间距为-10px;可以看到文字发生了重合;这一行的行框高度为40px;

    Strong元素的font-size设置为12px;它的半间距为4px;行内框高度为20px;

    5,管理line-height:

    为了防止文本发生重合,可以对font-size发生改变的元素的line-height结合使用em单位;

    还可以在父元素里将line-height的值设置成为数值,这个数值会成为缩放因子;如:

    Body {line-height: 1.5;}表示子元素文本的行高是文本大小的1.5倍;

    6vertical-align: 

    代码:

     

    分析:span元素添加了vertical-align: 10px,即span里包含的文本会向上移动10px,从而使行框也增大了10px;

    Strong元素的行内框的顶端相对于行框顶端来进行对齐;

    注:

    Top,bottom属性值的对齐是  行内框相对于行框来进行的;

    Text-top,text-bottom   是行内框相对于父元素内容区来对齐的;

    替换元素:

    可以存在内、外边距,并影响着行内框的大小。Line-height值与行内框高度无关。行内框的高度取决于内容的大小。

    替换元素里,设置vertical-align的值是百分数时是相对于line-height来对齐的;

     

    展开全文
  • 块级元素和行内元素的区别:行内元素可以与其它行内元素并排,块级元素独占一行,不能与其他任何元素并列;行内元素不能设置宽高,块级元素可以设置宽高。本文操作环境:windows10系统、html 5、宏基S40-51电脑。...

    块级元素和行内元素的区别:行内元素可以与其它行内元素并排,块级元素独占一行,不能与其他任何元素并列;行内元素不能设置宽高,块级元素可以设置宽高。

    本文操作环境:windows10系统、html 5、宏基S40-51电脑。

    块级元素和行内元素的区别有:

    (学习视频分享:css视频教程)

    1、行内元素可以与其他行内元素并排;块级元素独占一行,不能与其他任何元素并列;

    2、行内元素不能设置宽高,默认的宽度就是文字的宽度;块级元素能设置宽高,如果不设置宽高,那么宽度将默认变为父级的100%。

    相关简介:

    块元素又名块级元素(block element),和其对应的是内联元素(inline element),都是html规范中的概念。

    块元素和内联元素的基本差异是块元素一般都从新行开始,相邻的块级元素将会在不同行显示。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。

    比如,我们完全可以把内联元素加上display:block这样的属性,让它也有每次都从新行开始的属性,即成为块元素同样我们可以把块元素加上display:inline这样的属性,让它也在一行上排列。

    相关推荐:CSS教程

    展开全文
  • 块级元素 1.独占一行 2.宽度是父容器的100% 3.宽度 高度 外边距 内边距都可以灵活设置 4.是一个容器和盒子,里面可以放块元素或者行内元素 ...只有文字才能组成段落P...4.行内元素只能容纳文本或者其他行内元素. 注意

    块级元素

    1.独占一行

    2.宽度是父容器的100%

    3.宽度 高度 外边距 内边距都可以灵活设置

    4.是一个容器和盒子,里面可以放块元素或者行内元素

    注意:

    只有文字才能组成段落P 因此P里面不能放块级元素 特别P不能放 div.

    同理还有h1 h2 h3 h4 h5 h6 dt 他们都是文字类块级标签 里面不能其他块级标签

    行内元素

    1.相邻行内元素在一行上.一行可以显示多个

    2.宽高直接设置是无效的

    3.默认宽度是本身内容的宽度

    4.行内元素只能容纳文本或者其他行内元素.

    注意

    链接里边不能再放链接

    特殊情况链接里边可以放块元素,但是给a 转换一下块级模式最安全.

    行内块元素

    1.和相邻行内元素(行内块)在一行上,但是中间会有空白间隙 一行可以显示多个

    2.默认宽度是他本身内容的宽度

    3.宽度 高度 内边距 外边距 可以灵活设置.

    ex. img  input td标签

    三者区别

    模式排列样式宽度包含
    块级元素一行只能放一个块级元素可以设置宽度和高度容器 的100%可以包含任何标签
    行内元素一行可以放多个行内元素不可以直接设置宽度和高度它本身内容的宽度只能容纳文本或者其他行内元素
    行内块元素一行可以放多个行内块元素可以设置宽度和高度它本身内容的宽度 

     

     

    展开全文
  • 行内元素的特点: 总是和相邻的行内元素在同一行上(物以类聚) 设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效 默认宽度是它自身内容的宽度 行内元素的间距问题:    1.重...

    行内元素的特点:

    1. 总是和相邻的行内元素在同一行上(物以类聚)
    2. 设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效
    3. 默认宽度是它自身内容的宽度

    行内元素的间距问题:

       1.重设字体

           将行内元素的直接父级设置font-size=0px;再给行内元素设置字体大小就可以解决。

       2.借助HTML注释

           在两个行内元素之间加入HTML注释,告诉浏览器这中间不是换行也不是空格,而是连接在一起的,这样也可以解决。

    块级元素的特点:

    1. 总是另起一行(特立独行)
    2. 可以设置其宽度、高度,内外边距
    3. 在不手动设置宽度的情况下,宽度默认为所在容器的100%(即容器宽度)
    4. 可以容纳行内元素和其他块元素

    行内块元素的特点:

    1. 和相邻行内元素在同一行,但是之间会有空白缝隙。
    2. 默认宽度是他本身内容的宽度。
    3. 宽度、高度、行高、外边距以及内边距都可以手动设置。

    块级元素与行内元素的转换:

           display:inline-block;
           display:inline;
           display:block;

    行内元素:

    在这里插入图片描述

    块级元素:

    在这里插入图片描述注意:这里input元素比较特殊,它属于行内块级元素。

    可变元素:

    可变元素为根据上下文语境决定该元素为块元素或内联元素

    在这里插入图片描述

    空元素:

    没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

    1. br
    2. meta
    3. hr
    4. link
    5. input
    6. img
    展开全文
  • ##块元素 行内元素 行内块元素 区别## 块:div 支持宽高 换行显示(独占一行)。 行内元素:span 不支持宽高,一行显示内容撑开宽高,支持文本的显示规则。 行内块元素:span+display:inline-block 支持宽高,一行...
  • 目录行内元素、块元素、行内块元素一、行内元素二、块元素三、行内块元素四、元素显示显示转换 行内元素、块元素、行内块元素 一、行内元素 特点: 1.相邻行内元素在一行上,一行可以显示多个 2.高、宽、直接设置是...
  • 2.行内元素只能放文本或者其他行内元素。 3.行内元素无法通过CSS来直接设置宽和高。 4.例如,span就是最典型的行内元素。 行内块元素 1.例如,td,img,input。 2.一行内可以有多个行内块元素。 3.行内块元素可以...
  • css行内元素(inlineelement)css行内元素也叫内联元素,行内元素一般都是基于语义级(semantic)的基本元素,只能容纳文本或其他内联元素,常见内联元素“a”。比如SPAN元素,IFRAME元素和元素样式的display:inline的都...
  • 我们都知道在html元素分为...display属性为inline的元素为行内元素,英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。行内元素一般是内容的容器,一般情况下,行内元素只...
  • 1、行内元素&块级元素 行内元素:指该元素标记的内容不不会对现在的结构造成影响。 块级元素:单独占据一行。 常见的行内元素: 内联元素(inline element): a - 锚点,abbr - 缩写,acronym - 首字,...
  • HTML可以将元素分类方式分为行内元素、块状元素和行内块状...转换为行内元素  (2)display:block;转换为块状元素  (3)display:inline-block;转换为行内块状元素 1.行内元素 行内元素特征: (1)设置宽高无效 (2...
  • 块级元素可以包含行内元素和其它块级元素,且占据父元素的整个空间,可以设置 width 和 height 属性,浏览器通常会在块级元素前后另起一个新行。 常见块级元素: header,form,ul,ol,table,article,div,hr,aside,...
  • 将元素转换为行内元素; display: block; 将元素转换为块级元素; display: inline-block; 将元素转换为行内块级元素。 行内元素(display: inline) 特点: 1. 和其他元素都在一行上; ...
  • HTML行内元素、块状元素、行内块状元素的区别

    万次阅读 多人点赞 2018-01-27 09:42:35
    HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换:  (1)display:inline;... 行内元素最常使用的就是s
  • 关于行内元素、块元素、行内块元素 块元素 文字类元素内不允许再使用块级元素 行内元素 行内块元素 4.显示模式转换 转换为块级元素:display:block; 转换为行内元素:dispaly:inline; 转换为行内块元素:display...
  • 行内元素的特点: (1)和相邻行内元素在一行上。 (2)高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效。 (3)默认宽度就是它本身内容的宽度。 (4)行内元素只能容纳文本或则其他行内元素
  • 我们都知道在html元素分为...display属性为inline的元素为行内元素,英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。特点:1、和其他元素都在一行上;2、高度、行高和...
  • 行内元素:一行可以放多个行内元素,不可以直接设置宽度高度,默认为本身内容的宽度,容纳文本或其他行内元素 行内块元素:一行可以放多个行内块元素,可以设置宽度和高度,默认为本身内容的宽度 ...
  • 块元素 行内块元素 行内元素的特点。 一、块元素 block 自已独占一行。 宽度,高度,外边距,内边距都可以自己控制。 宽度默认为是父元素的100%。 是一个容器及盒子,里面可以放行内或者块元素。 二、行内元素 ...
  • 4.行内元素里只能放文字或者其它行内元素 行内块元素: 1.一行可以显示多个 2.默认宽度是内容的宽度 3.可以设置width/height 常见的块元素 常见的的块元素有<h1>~<h6> <p> <div>
  • 行内元素(内联元素)、块状元素、行内块状元素行内元素简介:内联元素又名行内元素(inline element),和其对应的是块元素(block element),都是html规范中的概念。内联元素的显示,为了帮助理解,可以形象的称为...
  • 行内元素的特点 书写不会令其一行 和其他元素处于一行上 高度宽度以及内外边距无法修改 <p><span style="background-color:red;">我</span>是内联元素 </p> 行内块级元素的特点 行内...
  • 行内元素只占内容的宽度,块元素不管内容多少都要占全行,下面为大家介绍下常见的行内元素及块元素有哪些,感兴趣的朋友可以参考下,希望对大家有所帮助
  • 行内元素 不能设置宽度和高度 margin只能设置左右外边距 不会自动换行,不能独占一行 行内元素只能包括文字或行内元素、行内块元素,不能包括块级元素 块级元素 可以设置高度和宽度 可以设置上下左右外边距 块级...
  • 今天看《别具光芒css》发现了以前未见过的词,替换的行内元素和非替换的行内元素。    替换的行内元素具有“内在尺寸”,尺寸是有自身决定的,而不会受周围环境的影响,如和等,但是如果同时定义标签的width...
  • 行内元素行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制。 常见元素 ...
  • 块元素、行内元素和行内块元素块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建; 常见的块元素有h1-h6,p,div,ul,ol,li等,...
  • 块级元素和行内元素,行内块元素

    千次阅读 2020-02-01 21:03:56
    在学习 CSS 的时候发现,发现有些...又称为内联元素,行内元素的大小是靠本身内容的大小,宽高都设置无效。 常见的特点如下: 与其他行内元素并排 设置宽高无效 默认的宽度就是文本内容的宽度 水平方向的 paddin...
  • display:inline: 转换为行内元素 display:linline-block 转换为行内块元素 display:block 转换为块级元素 特性: 行内元素: 1.无法设置宽高 2. margin上下无效,只有左右有效果,padding都有效果,会撑大空间; box-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 103,772
精华内容 41,508
关键字:

行内元素