精华内容
下载资源
问答
  • 块级元素:块状元素排斥其他元素与其位于同一行,可以设定元素宽(width)和高(height),块级元素一般是其他元素容器,可容纳块级元素和行内元素。 行内元素:行内元素不可以设置宽(width)和高(height),...

    一般来说,html的元素分为两种,即块级元素和行内元素。

     

    块级元素:块状元素排斥其他元素与其位于同一行,可以设定元素的宽(width)和高(height),块级元素一般是其他元素的容器,可容纳块级元素和行内元素。

    行内元素:行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制。

     

    常见块级元素有:h1,h2,h3,h4,h5,h6,p,div,dl,dt,hr,ol,ul,li,form,pre,table,td,th;

    常见内联元素有:em,strong,span,button,input,label,code,select,img,textarea

     

    两者之间的区别:

    区别:
    1.块级元素占据一整行,内联元素的宽度是其元素内容的宽度,多个内联元素排列会放在同一行里除非放不下,才会挤到新的一行
    2.块级元素可以设置宽度width和高度height,而内联元素设置widht和height是无效的
    3.块级元素可以包含块级元素和内联元素,而内联元素只能包含文本
    4.块级元素可以设置margin和padding属性,行内元素只有margin-left、margin-right、padding-left、padding-right起作用

     

    比如:我们可以给div和p元素应用以下的样式,但是span标签不能应用下面的样式。

    .test{
     width:100px;
     height:100px;
     }
    

     

    当然我们还可以通过样式display属性来改变元素的显示方式。当display的值设为block时,元素将以块级方式呈现;当display值设为inline时,元素将以行内形式呈现。所以我们可以给span标签应用以下样式:

    .test{
     width:100px;
     height:100px;
     display:block;
     }
    

      

    转载于:https://www.cnblogs.com/ianyanyzx/p/9102729.html

    展开全文
  • 希望大家补充一下常见的块级元素与行内元素~如错误,请大家在评论区指出,一起进步!一、区别二、常见的块级元素:p:段落标签div:把DIV看作是一容器,容器专门用来包含内容h1、h2… …:标题form:表单ul:无序...

    1b3b8784bece897520e0c8a7c81d7740.png
    希望大家补充一下常见的块级元素与行内元素~
    如有错误,请大家在评论区指出,一起进步!

    一、区别

    cb9d471a0575ef0a58938682ca047a83.png

    二、常见的块级元素:

    p:段落标签
    div:把DIV看作是一容器,容器专门用来包含内容
    h1、h2… …:标题
    form:表单
    ul:无序列表,与li绑定
    ol:有序列表,与li绑定
    hr:分隔

    三、常见行内元素:

    a:锚点
    b:加粗
    i :斜体
    img:图片
    input:输入框
    label:表格标签
    select:下拉列表
    span:用来组合文档中的行内元素
    textarea:多行文本输入框

    四、展示:

    (一)a、b、i、em、img

    0e0a0f1a30b09e289417799408b68c8e.png

    fb1fb58fa0abf33c40c8831f7e552e36.png

    (二)input

    input标签规定用户可输入数据的输入字段。根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等

    7bdc309fef8f798636babb17a0417fce.png

    831ba19631f9adf70057f07dd4903247.png

    (三) label

    label元素和对应id的input元素是互相绑定的,也就是说点击label就相当于点击了input

    92c70a85a9895b0fbdb9a60cfcc5c6ad.png

    1f29012d8bdb4e4f8867d5d61530ce7d.png

    (四)select、textarea

    2fb746bd428808967d85cf774eb80527.png

    2ed7ae13a6b91fb607196af4d0219a2c.png

    (五)span
    css:

    ec9e56d4be8b62b9d39ae52371377a74.png

    2dc94d94256f7d46a3f1d4473824e68a.png

    (六)块级元素部分展示

    428e76da36a927a9cd886a65d27f6c65.png

    08bbcf7102f6da8d36c7a5464a952602.png
    原作者姓名:不渴不渴
    原出处:CSDN
    原文链接:html的行内元素与块级元素总结_不渴不渴的博客-CSDN博客
    展开全文
  • 根据CSS规范的规定,每一个网页元素都一个display属性,用于确定该元素的类型,每一个元素都默认的display属性值,...div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,...

    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。

    div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子;与之相反,像“span”“a”这样的行内元素,则没有自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。

    内联元素(行内元素)内联元素(inline element)

    * 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 - 定义变量

    块元素(block element)

    * address - 地址

    * blockquote - 块引用

    * center - 举中对齐块

    * dir - 目录列表

    * div - 常用块级容易,也是css layout的主要标签

    * dl - 定义列表

    * fieldset - form控制组

    * form - 交互表单

    * h1 - 大标题

    * h2 - 副标题

    * h3 - 3级标题

    * h4 - 4级标题

    * h5 - 5级标题

    * h6 - 6级标题

    * hr - 水平分隔线

    * isindex - input prompt

    * menu - 菜单列表

    * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容

    * noscript - )可选脚本内容(对于不支持script的浏览器显示此内容)

    * ol - 排序表单

    * p - 段落

    * pre - 格式化文本

    * table - 表格

    * ul - 非排序列表

    可变元素

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

    * applet - java applet

    * button - 按钮

    * del - 删除文本

    * iframe - inline frame

    * ins - 插入的文本

    * map - 图片区块(map)

    * object - object对象

    * script - 客户端脚本

    展开全文
  • 想起之前工作面试时,面试官问一个问题:行内元素有哪些,和块级元素有什么区别?这是一道蛮基础面试题,但是很多初学者平时只注重标签语义,忽视了标签行内和块级特性, 因此对于上述问题很有可能答不上来...
  • 二、常见的块级元素有哪些?常见的行内元素有哪些?常见的行内块级元素有哪些? 三、如何转换css元素的显示模式? 1.什么是div? 作用:一般用于配合CSS完成网页的基本布局 2.什么是span? 作用:一般...

    一、什么是块级元素?什么是行内元素?什么是行内块级元素?

    二、常见的块级元素有哪些?常见的行内元素有哪些?常见的行内块级元素有哪些?

    三、如何转换css元素的显示模式?

    1.什么是div?

    作用:一般用于配合CSS完成网页的基本布局

    2.什么是span?

    作用:一般用于配合CSS修改网页中的一些布局信息

    3.div和span有什么区别?

    div会单独占领一行,而span不会单独占领一行

    div是一个容器级的标签,而span是一个文本级的标签

    4.容器级的标签和文本级的标签的区别?

    容器级的标签可以嵌套其他所有的标签

    文本级的标签中只能嵌套文字/图片/超链接

    常见的容器级标签:

    div h ul ol dl li dt dd...

    常见的文本级标签:

    span p buis strong em ins del...

    在HTML中将所有标签分为两类,分别是容器级和文本级

    在css中也将所有标签分为两类,分别是块级元素和行内元素

    1.什么是块级元素,什么是行内元素?

    块级元素会独占一行

    行内元素不会独占一行

    块级元素:

    p div h ul ol dl li dt dd

    行内元素:

    span buis strong em ins del

    2.块级元素和行内元素有什么区别?

    块级元素:

    独占一行

    如果没有设置宽度,那么默认和父元素

    如果设置了宽高,那么久按照设置的来显示

    行内元素:

    不会独占一行

    如果没有设置宽度,那么默认和内容一样宽

    行内元素是不可以设置宽度和高度的

    行内块级元素

    为了能够让元素既能够不独占一行,又可以设置宽度和高度,

    那么就出现了行内块级元素

    实例:

    <div>我是div</div>

    <p>我是段落</p>

    <h1>我是标签</h1>

    <hr>

    <span>我是span</span>

    <b>我是加粗</b>

    <strong>我是强调</strong>

    1.css显示模式转换

    510eb04efc502bdf9b0984ba9db6b09f.png

    设置元素的display属性

    2.display取值

    block 块级

    inline 行内

    inline-block 行内块级

    <style>

    div{

    display: inline;

    background: red;

    width: 100px;

    height: 100px;

    }

    span{

    display: block;

    width: 100px;

    height: 100px;

    background: blue;

    margin: 10px;

    }

    </style>

    <div>你好</div>

    <div>你好</div>

    <span>hello</span>

    <span>hello</span>

    展开全文
  • 行内元素 作用:点缀网页,填充内容 特性: 1) 与其他行内元素共享一行空间 2) 默认宽高由内容决定 3) 不能为其指定宽和高 4) 行内元素中不可以嵌套块...常见的块级元素有:p margin-top/margin-bottom form table/.
  • 首先:CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,如div的display默认值为...(2)块级元素有:divulollidldtddh1h2h3h4…p (3)常见的空元素:<br><hr>...
  • 根据CSS规范的规定,每一个网页元素都一个display属性,用于确定该元素的类型,每一个元素都默认的display属性值,比如div元素,它...div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外
  • 根据CSS规范的规定,每一个网页元素都一个display属性,用于确定该元素的类型,每一个元素都默认的display属性值,比如div元素,它的默认display属性...div这样的块级元素,就会自动占据一定矩形空间,可以通过...
  • html平时常见的元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等。块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中...
  • 想起之前工作面试时,面试官问的一个问题:行内元素有哪些,和块级元素有什么区别?这是一道蛮基础的面试题,但是很多初学者平时只注重标签语义,忽视了标签行内...HTML常见的块级元素有: 、、、、、......、 、、...
  • 根据CSS规范的规定,每一个网页元素都一个display属性,用于确定该元素的类型,每一个元素都默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级...div这样的块级元素,就会自动占...
  • 码笔记分享块级元素和内联元素汇总大全:HTML块级元素HTML中的块级元素(block element)总是在新一行开始,高度边距都是可控的,并且块元素容纳内联元素和其他块元素,码笔记分享常见的块元素:...地址...居中对齐块....
  • 常见的块状元素有: <div>,<p>,<h1>...<h6>,<ol>,<ul>,<dl>,<table>, <address>,<blockquote>,<form> 常见的内联元素有: <a>,<...
  • 块级元素:div p h1 h2 h3 h4 form ul 行内元素:a b b span input select Css盒模型:内容,border,...行内元素一般都是基于语义级(semantic)基本元素,只能容纳文本或其他内联元素,常见内联元素 “a”。比如 SPAN
  • 1、常见行内元素和块级元素1、行内元素<span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<sup>、<sub>、<em>、...
  • 下面列一些html常见的行内元素和块级元素 行内元素: 标签可定义锚 字体加粗 换行 斜体文本效果 输入框 向网页中嵌入一幅图像 组合文档中的行内元素 定义下标文本 定义上标文本 多行的文本输入控件...
  • 老徐WEB:有哪些常用的CSS块级元素和行内元素 块级元素:一般是其他元素的容器,可容纳内联元素和块级元素块级元素独占一行,可以设置元素宽度、高度。 常见的有div,p。address,div,dl,dt,dd,fieldset,form...
  • 那么行内元素和块级元素的区别有哪些?下面我们就来说说 常见的行内元素 <span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、&...
  • 块级元素有哪些? 空(void)元素有那些? CSS规范规定,每个元素都有display属性,确定该元素类型,每个元素都有默认display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值...
  • 根据标签元素的特点可以将元素...常见的块级元素有哪些?div p h1~h6 ul ol li dl dt dd 行内元素的特点: 不独占一行,并列显示 不可以设定宽度或者高度 默认宽度和高度是内容宽度和高度 常见的行内元素有哪些? a ...
  • 一、常见块级元素有哪些: button,div , dl ,dt ,form , h1 ,h2 ,h3 , h4 ,h5 ,hr ,li ,ul ,table系列,button; 二、常见行内元素有哪些: img ,a ,input ,textarea ,b ,br ,span, select ,label ,map ,strong ; 三...
  • 元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css作用,块元素会顺序以每次另起一行方式一直往下排。而...
  • 块级元素有哪些常见的行内元素有: a - 超链接(锚点) br - 换行 em - 强调 img - 图片 input - 输入框 label - 表格标签 select - 项目选择 span - 常用内联容器,定义文本内区块 strong - ...
  • 元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如 果没有css作用,块元素会顺序以每次另起一行方式一直往下排...
  • 一、常见块级元素有哪些:  button,div , dl ,dt ,form , h1 ,h2 ,h3 , h4 ,h5 ,hr ,li ,ul ,table系列,button; 二、常见行内元素有哪些:  img ,a ,input ,textarea ,b ,br ,span, select ,label ,map ,stro

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 133
精华内容 53
关键字:

常见的块级元素有哪些