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

    2020-09-29 16:21:00
    行内元素和块元素 行内元素行内元素主要用来包裹文字,可以放入文本和其他行内元素,eg:a,img,span 块元素:在网页中一般通过块元素对页面进行布局,eg:div ,p,h1,h2,h3 一般情况下:会在块元素中放行内元素,而...

    行内元素和块元素

    行内元素:行内元素主要用来包裹文字,可以放入文本和其他行内元素,eg:a,img,span
    块元素:在网页中一般通过块元素对页面进行布局,eg:div ,p,h1,h2,h3

    一般情况下:会在块元素中放行内元素,而不会在行内元素中放块元素
    特殊情况下:块元素中基本上什么都能放,但块元素p中不能放任何块元素,行内a可以放除了自身的任意元素

    展开全文
  • 初学html、接触很多html标签,为什么有的标签是一行或者多行,而有的标签是给某种词强调,将从行内元素和块元素以及行内块元素区分一些标签。 二、块元素 块元素会独自占据一整行,或者多行,可以任意设置其大小...

    一、背景

    初学html、接触很多html标签,为什么有的标签是一行或者多行,而有的标签是给某种词强调,将从行内元素和块元素以及行内块元素区分一些标签。

    二、块元素

    块元素会独自占据一整行,或者多行,可以任意设置其大小尺寸,是用于搭建网页布局的必须部分,使网页结构更加紧凑合理。常见的块级元素有:div,h1~h6,ul,table等,其中div是最常用最典型的块级元素。

    三、行内元素

    行内元素的特点:

    • 总是和相邻的行内元素在同一行上(物以类聚)

    • 设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效。

    • 默认宽度是他自身内容的宽度。

    • 行内元素只能容纳其他行内元素或者文本。

    特殊:a比较特殊,可以放块级元素,但是链接里面不能再放链接。

    四、行内块元素

    行内块元素的特点:
    • 和相邻行内元素在同一行,但是之间会有空白缝隙。

    • 默认宽度是他本身内容的宽度。

    • 宽度、高度、行高、外边距以及内边距都可以手动设置。 样式:

    以上就是总结了网上一堆对元素的看法。

    展开全文
  • 行内元素,也叫内联元素、内嵌元素等,是众多的行内元素能在一行中显示的元素...行内元素和块元素的区别如下:   行内元素 块级元素 默认开始位置 和其他元素都在一行上 总是在新行上开始 宽度 宽度就是它的
    行内元素,也叫内联元素、内嵌元素等,是众多的行内元素能在一行中显示的元素。行内元素的主要作用是用来添加特殊样式,如<span></span>元素,<b></b>元素,<strong></strong>元素,<i></i>,<sub></sub>下标 <sup></sup>上标等等。

    块元素,就是会独占一行的元素,比如<h1></h1>,<p></p>等等。

       

    行内元素和块元素的区别如下:   

      行内元素 块级元素
    默认开始位置 和其他元素都在一行上 总是在新行上开始
    宽度 宽度就是它的文字或图片的宽度,不可改变 宽度缺省是它的容器的100%,除非设定一个宽度。
    高度 高,行高及外边距和内边距不可改变 高度,行高以及外边距和内边距都可控制
    padding、margin设置 水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果,但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom却不会产生边距效果。 可以设置
    display incline block
    容纳的元素 内联元素只能容纳文本或者其他内联元素 它可以容纳内联元素和其他块元素
    转换 display:block变成行内元素,或者将display:inline-block变成行内块元素 display:inline变成行内元素,或者将display:inline-block变成行内块元素


    怎么设置行内元素和块元素的居中方式?

    1)行内元素水平居中:

          以div为例,要让div里面的文字水平居中,可以设置text-align:center;。

    2)行内元素垂直居中:

        以div为例,要让div里面的文字垂直居中,可以同时设置height和line-height值相等即可,如:div{height:30px; line-height:30px} 

    3)块元素水平居中:

       以div为例,要让div里面的p水平居中,需要同时设置p的宽度和margin:0 auto;

       如:div p{margin:0 auto; width:500px} 

       注意此处的块级元素p一定要设置宽度

    4)块元素垂直居中:

        以div为例,要让div里面的p垂直居中,需要同时设置p的宽度和margin-top值;

    下面是对div中的p元素作水平居中和垂直居中案例:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            div{width:500px;border:1px solid black;height:500px;} /*DIV父容器设置宽度*/
            div p{margin:200px auto; width:100px;height:100px; border:1px solid red;} /*块级元素p也可以加个宽度,
      </style>
    </head>
    <body>
    <div>
        <p>这是P</p>
    </div>
    </body>
    </html>
    


    展开全文
  • 行内元素和块元素 1.行内元素        行内元素(内联元素):不占有独立的区域,仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度,高度以及对齐等属性。 &...

    行内元素和块元素

    HTML系列文章目录

    1. HTML网页设计:一、HTML的基本结构
    2. HTML网页设计:二、网页的基本标签
    3. HTML网页设计:三、图像标签之<img>标签
    4. HTML网页设计:四、超链接
    5. HTML网页设计:五、行内元素和块元素
    6. HTML网页设计:六、列表
    7. HTML网页设计:七、表格
    8. HTML网页设计:八、媒体元素
    9. HTML网页设计:九、网页的简单布局
    10. HTML网页设计:十、iframe内联框架
    11. HTML网页设计:十一、表单

    1.行内元素

           行内元素(内联元素):不占有独立的区域,仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度,高度以及对齐等属性。
           常见的行内元素包括<a>,<strong>,<b>,<em>,<del>,<span>等。

    行内元素的特点:

    1. 和其他元素都在一行
    2. 高度、宽度以及内边距都是不可控的
    3. 宽高就是内容的高度,不可以改变
    4. 行内元素只能行内元素,不能包含块级元素块元素

    2.块级元素

           每个块级元素通常都会独占一行或者是多行,可以对其单独设置高度,宽度以及对齐等属性。
           常见的块级元素有:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等。

    块级元素的特点:

    1. 总是从新的一行开始
    2. 高度、宽度都是可控的
    3. 宽度没有设置时,默认为100%
    4. 块级元素中可以包含块级元素和行内元素
    展开全文
  • float浮动行内元素和块元素设置float浮动后,元素的特性会发生改变。 行内元素和块元素设置float浮动后,元素的特性会发生改变。 1.行内元素设置float浮动后 宽高可以设置 并且margin的垂直方向也会生效 2. 块元素...
  • 注:行内元素会再一条直线上,是在同一行的。我是行内元素SPAN标签 我是行内元素strong标签 注:块级元素各占一行。是垂直方向的! ...我是块级元素div标签 ...如果你要将行内元素变成...行内元素不可以控制宽高,
  • css行内元素和块元素

    2018-12-13 12:58:06
    块级元素和内联元素的区别: 1.块元素,总是在新行上开始;内联元素,和其他元素在一行; 2.块元素,能容纳其他块元素或者内联元素;内联元素,只能容纳文本或其他内联元素; 3.块元素中高度,行高以及顶和底边距都...
  • css 行内元素和块元素

    2018-01-17 21:12:37
    1. 行内元素:标签不是自己占一行的,行内元素的宽高由内容来决定,其宽度随元素内容而变化,所以行内元素的width height不能用,行内元素在水平方向上有效,但在竖直方向上无效。即padding-left,padding-right,...
  • 行内元素与块级元素,input是特殊的行内元素
  • span与div 行内元素和块元素(标签)

    千次阅读 2014-08-07 20:31:30
    讨论span与div的区别就是行内元素块元素有什么不同 span是行内元素
  • H5 CSS基础一:行内元素和块元素

    千次阅读 2017-07-16 21:52:44
    ④、它可以容纳内联元素和其他块元素 行内元素①、和其他元素都在一行上;②、高,行高及外边距和内边距不可改变;③、宽度就是它的文字或图片的宽度,不可改变④、内联元素只能容纳文本或者其他内联元素 二、常用...
  • div和span的区别以及行元素和块元素的转换?相同点:div和span都可以将HTML元素组合起来,类似一个盒子将里面的内容当作一个整体来处理,从而实现整体作用效果,提高效率。不同点:div是块级元素,是可用于组合其他...
  • 行内元素 设置宽度width 无效。 设置高度height 无效,可以通过line-height来设置。 设置margin 只有左右margin有效,上下无效。 设置padding 只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素...
  • 图像标签 < img ...行内元素和块元素 块元素 无论内容多少,该元素独占一行。标签有(p、h1-h6…) 行内元素 内容撑开宽度,左右都是行内元素的可以排在一行。标签有(a、strong、em…)
  • 行内元素:  水平居中:text-align:center 块元素:  水平居中: ①margin:0 auto 例: .father{  width:200px;  height:200px;  background-color:red;  } .son{  width:100px;  height:100px...
  • <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Document</title> <style> .s1{ background-color:y...
  • 常用块级元素
  • 块元素行内元素和行内块元素块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建; 常见的块元素有h1-h6,p,div,ul,ol,li等,...
  • ##块元素 行内元素 行内块元素 区别## 块:div 支持宽高 换行显示(独占一行)。 行内元素:span 不支持宽高,一行显示内容撑开宽高,支持文本的显示规则。 行内块元素:span+display:inline-block 支持宽高,一行...
  • 关于行内元素块元素、行内块元素 块元素 文字类元素内不允许再使用块级元素 行内元素 行内块元素 4.显示模式转换 转换为块级元素:display:block; 转换为行内元素:dispaly:inline; 转换为行内块元素:display...
  • HTML元素可以分为行内元素和块元素两种类型。 块元素 块元素:常见的块元素有<h1>~<h6>、<p>、<div>、<ol>、<li>、等,其中<div>是最典型的块元素块元素的特点: ​ 1...
  • 4.是一个容器盒子,里面可以放块元素或者行内元素 注意: 只有文字才能组成段落P 因此P里面不能放块级元素 特别P不能放 div. 同理还有h1 h2 h3 h4 h5 h6 dt 他们都是文字类块级标签 里面不能其他块级标签 行内...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 49,632
精华内容 19,852
关键字:

行内元素和块元素