欢迎关注朋友的公众号“证件照一键换底色”,可处理证件照(换背景、换底色、换正装)

block标签(比如div)

1.默认独占一行显示

2.没有宽度时,默认撑满一排

3.支持所有css命令

inline(内嵌)标签(比如span)

1.默认同行可以继续跟同类型标签

2.内容撑开宽度

3.不支持宽高

4.不支持上下的margin和padding

5.代码换行被解析

但是属性display可以改变标签的标签的属性

比如span{display:block} 此时,span标签将成为 块标签

而div{display:inline} 此时,div标签将成为 内联标签

inline-block标签

1.使block标签在一行显示

2.使inline标签支持宽高

3.换行被解析了

4.不设置宽度的时候宽度由内容撑开

5.在IE6,IE7下不支持block标签

block标签、inline标签、inline-block标签的特点相关推荐

  1. 【html】常见的行标签(inline)、块标签(block)和行块标签(inline-block)特点及相互转换

    常见的HTML标签 前言 一.行标签 1.span标签 2.a标签 3.i标签.b标签和em标签.strong标签 4.其他的行标签 5.行标签特点 二.块标签 1.div标签 2.标题(H1-H6) ...

  2. display的block、none、inline属性及解释

    常会用到display对应值有block.none.inline这三个值 参数: block :块对象的默认值.用该值为对象之后添加新行.之前也添加一行. none :隐藏对象.与visibility ...

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

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

  4. HTML 块标签,行内标签,行内块标签以及之间的相互转换

      HTML标签分类 行内标签:包含a.span.em.strong.b.i.u.label.br: 特点:可以多个标签存在一行,不能直接设置行内标签的高度.宽度.行高以及顶和底边距,完全靠内容撑开宽 ...

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

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

  6. html标签可以嵌套吗,HTML标签的嵌套

    随着时间的推移,我们学习html的基础知识有了大概的了解.而我发现,平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,然而发现有时的标签嵌套却是错误的.通过网上找 ...

  7. HTML基础之常用标签第一篇:基础标签

    上一篇主要聊了一些head标签的内容,而本篇就聊body标签下的标签,而这一部分是页面呈现最重要的部分,毕竟这个标签下的内容是网页最直观的体现.现在聊一些其基本的标签. 全局属性 其实前面说的标签和属 ...

  8. html5的a能不能放div,从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型...

    我们知年有这只制明个手近天点里要它出水机近天点道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了.所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css ...

  9. JSP标签:jsp内置标签、jstl标签、自定义标签

     一.jsp标签的分类: 1)内置标签(动作标签): 不需要在jsp页面导入标签 2)jstl标签: 需要在jsp页面中导入标签 3)自定义标签 : 开发者自行定义,需要在jsp页面导入标签    1 ...

  10. html range关联文本框,HTML5gt;meter标签与input(type=range)标签结合制作简易范围指示器...

    HTML5>meter标签与input(type=range)标签结合制作简易范围指示器 发布时间:2020-03-26 15:41 很多时候我们能看到这样的表示范围的优化工具,能给人带来很好的 ...

最新文章

  1. 汇总|基于激光雷达的3D目标检测开源项目数据集
  2. Android在屏幕任意位置显示对话框
  3. Linux命令(15)——hostname、wc、ps、kill
  4. 柴静《认识的人 了解的事》
  5. flutter引入高德地图_Flutter笔记-调用原生IOS高德地图sdk
  6. Ubuntu 12.06 双显卡切换
  7. linux根据进程名称,查看后台任务的运行目录
  8. 快速入门分布式消息队列之 RabbitMQ(2)
  9. React 通过style来设置背景图片。
  10. 线性代数matlab的心得体会,线性代数的学习心得
  11. 使用极大似然法对逻辑回归中的参数进行估计的数学原理
  12. Windows动态库DllMain
  13. AI 可靠性论文整理
  14. WTS:基于Web的Terminal控制台
  15. 详解示波器的三个主要参数:采样率,存储深度,带宽
  16. access查找出生日期年份_access查询最大年龄减最小年龄
  17. 【多任务优化】DWA、DTP、Gradnorm(CVPR 2019、ECCV 2018、 ICML 2018)
  18. 使用双重while循环求百钱百鸡问题
  19. void指针(void*):void*存放任意对象的地址、通过(int*)a转换指针类型
  20. 域名(DNS)原理及解析过程详解

热门文章

  1. Acwing算法基础课学习笔记
  2. 怎么做国外问卷调查站点查
  3. 2018程序员拜年的奇思妙想,涨姿势了
  4. python数据获取及预处理_Python小练习——电影数据集TMDB预处理
  5. 2021支付宝 商户私钥 + 商户公钥 设置教程
  6. 【STM32学习 自制STM32游戏机】
  7. 设置MFC对话框背景图片
  8. 播放器可以完成:开机自动打开指定网页,自动运行浏览器打开指定的网页。
  9. Java多线程socket网络协议传输
  10. 弃用手机号码未被解绑小米账户:用户信息遭泄露