根据标签元素的特点可以将元素分为三类:块级元素,行内元素,行内块元素

块级元素特点:

可以设定宽度和高度
独自占用一行
默认宽度是父元素的宽度,默认的高度是内容高度。
常见的块级元素有哪些?div p h1~h6 ul ol li dl dt dd

行内元素的特点:

不独占一行,并列显示
不可以设定宽度或者高度
默认宽度和高度是内容宽度和高度
常见的行内元素有哪些? a span em I del br label

行内块元素的特点:

可以设定宽度和高度
可以和其它行内元素或者行内块元素并列显示(共处一行)
常见的行内块元素有哪些? Input img td

HTML基础,块级元素/行内元素/行内块元素辨析【2分钟掌握】相关推荐

  1. html块级标签转换,html标签中的块级元素详解

    今天,我们就讲解一下html标签中的块级元素,主要包括块级元素的概念.作用.特点,还有就是块级元素有哪些标签等内容. 块级元素概念 块级元素是一类css样式display默认值为block的html标 ...

  2. css标签显示特性(块级元素、行内元素、行内块元素、标签显示模式转换display、简单文字居中、简单导航栏案例)

    HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素. 标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个 1. 块级元素(block-level) 常 ...

  3. CSS块级元素和行内元素

    1. 宽高 width:数值; height:数值; 也可用百分比! 长高的设置不会被后代继承 2. 背景 (1)背景颜色 background-color:颜色值; 元素的背景颜色默认为transp ...

  4. 网页编程技术二(块级元素和行内标签)

    1.块级元素 顾明思义,块级标签在网页中显示为块:块级标签一般独占一行,新的块级标签将从新的一行开始排列,它可以容纳其他块级元素和内联元素. 常见的会计标签: 1.1标题标签:<h1>&l ...

  5. 行内元素与块级元素,以及区别

    行内元素与块级元素 首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比 ...

  6. 块级元素,行内元素,行内块元素

    常见元素类型有:块级元素.行内元素.行内块元素 .(这里所说的元素,就是指标签) 一.块级元素: 块级元素独占一行,不和其他元素并排:可以设置宽高和上下外边距:不设置宽度时默认宽度 100%:可以容纳 ...

  7. html中哪个属性表示块级元素,HTML块级元素与行级元素

    转自:http://gkecenter.blog.163.com/blog/static/181380305201291745234195/ 一.两种类型 HTML中的大部分元素都可分为两种类型:块级 ...

  8. html标签的显示模式(块级标签,行内标签,行内块标签)(转)

    html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用, ...

  9. CSS 框的生成:块级元素和块框

    在盒模型中,一切皆为框,即页面上的每个元素会生成一个矩形框.默认情况下,一个元素的类型,决定了该元素生成框的类型.块级元素生成块级框,行内级元素生成行内级框,没有被任何元素所包含的文本生成匿名框. 也 ...

  10. html标签的显示模式(块级标签,行内标签,行内块标签)

    今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上 ...

最新文章

  1. netty4搭建简单的http服务器
  2. java异常大全,如何处理异常,如何自定义异常
  3. archery docker部署
  4. 服务器如何识别同一客户端的各种不同的命令_开源项目|如何开发一个高性能的redis cluster proxy?...
  5. 用VC实现GIS系统基本功能
  6. object-fit 解决图片指定大小被压缩问题
  7. Unity可视化编程XDreamer插件导入
  8. 增量数据挖掘论文推荐
  9. 浅层砂过滤器(浅层介质过滤器)介绍及现场案例反馈图(多图)
  10. 计算机网络教程 笔记整理
  11. WinSCP显示隐藏文件
  12. AUTOCAD——命令重复、撤销与重做
  13. 奖励补贴有点多!武汉市大健康和生物技术产业发展奖励措施解读
  14. 如何调动员工的积极性
  15. Ubuntu 新建用户并赋予权限
  16. 第一届PyCon China小记
  17. 为什么北京人和上海人都成了“杭漂“?
  18. 计算机ntc中国教育考试网,中国教育考试网ntcecf1.neea.edu.cn-2018河北教师资格证成绩查询网址...
  19. 清空linux mac地址表
  20. Excel 使用VBA批量替换(手把手包会)

热门文章

  1. 语音信号之特性分析图(二)
  2. 语音信号处理之(一)动态时间规整(DTW)
  3. java音乐播放器文库_android音乐播放器开发教程
  4. python怎么读取pdf为文本_python怎么读取pdf文本内容
  5. C语言实现离散余弦变换(DCT)并用MATLAB和Python验证
  6. SpringCloud实战与原理---快速入门
  7. TensorFlow 笔记5--模型复用
  8. 【Python基础】Matplotlib官方小抄手册公开(配套可视化代码)!
  9. 成年人的低头,从拼多多开始
  10. 【LiveVideoStack采访】李备:音视频技术的难点与未来