2019独角兽企业重金招聘Python工程师标准>>>

1.html标签类型可以分为三大类:

  1. 块级标签(block):特点是独占一行,能随时设置width与height,比如div,p,h1,h2,ul,li.
  2. 行内标签(inline):特点是多个行内标签能同时显示在同一行,宽度与高度取决于内容的尺寸,比如span,a,label。
  3. 行内块级标签(inline-block):特点:多个行内-块级标签可以显示在同一行,能同时设置宽度与高度,比如button与input。

2.css中有个display属性,能修改标签的显示类型。

  • none:隐藏标签。
  • block:让标签变为块级标签,
  • inline:让标签变为行内标签。
  • inline-block:标签变为行内-块级标签,
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8">css的可继承属性<title>css的可继承属性</title><style>body{font-size:  30px;color: yellow;}div {background-color: red;width: 150px;height:160px;}span {background-color: blue;display: block;width: 100px;height: 100px;}</style></head>
<body><div>我是块级标签</div><span>我是行内标签</span><!--<button>我是行内块级标签</button>--></body>
</html>

转载于:https://my.oschina.net/u/1581898/blog/755668

ios转向前端进阶之:html标签类型相关推荐

  1. 【前端进阶】-TypeScript高级类型 | 泛型约束、泛型接口、泛型工具类型

    前言 博主主页

  2. 【前端进阶】-TypeScript高级类型 | 交叉类型、索引签名类型、映射类型

    前言 博主主页

  3. 前端进阶垫脚石-前端工程化

    什么是前端工程化 前端工程化,就是降本提效的体现 广义上,前端工程化包含一切以降低成本.提高效率.保障质量为目的的手段 通过一系列的规范.流程.工具达到研发提效.自动化.保障质量.服务稳定.预警监控等 ...

  4. 2021年高级前端进阶之路

    YYDS 2021年高级前端进阶之路1.两边固定,中间自适应布局(1.用flex;2.用display:left;3.用相对定位和绝对定位结合)2.js判断字符串中出现次数最多的字符(1.用for循环 ...

  5. 前端进阶之路: 前端架构设计(2)-流程核心

    可能很多人和我一样, 首次听到"前端架构"这个词, 第一反应是: "前端还有架构这一说呢?" 在后端开发领域, 系统规划和可扩展性非常关键, 因此架构师备受重视 ...

  6. 自学前端开发,前端进阶阶段需要学习哪些知识?

    今天要跟大家分享的文章是关于web前端进阶阶段需要学习哪些知识?已经入门web前端想要提升自己技术的小伙伴们来和小编一起看一看本篇文章吧,希望本篇文章能够对大家有所帮助. 1.完善我们的基础知识 (1 ...

  7. IT:前端进阶技术路线图(初级→中级→高级)之初级(研发工具/HTML/CSS/JS/浏览器)/中级(研发链路/工程化/库/框架/性能优化/工作原理)/高级(搭建/中后台/体验管理等)之详细攻略

    IT:前端进阶技术路线图(初级→中级→高级)之初级(研发工具/HTML/CSS/JS/浏览器)/中级(研发链路/工程化/库/框架/性能优化/工作原理)/高级(搭建/Node/IDE/中后台/体验管理/ ...

  8. 大前端进阶!NodeJS、Npm、Es6、Babel、Webpack、模块化开发

    文章目录 大前端进阶 一.Node.js 1.1.Nodejs介绍和安装 1.2 .Nodejs入门 1.2.1.快速入门-Hello World 1.2.2.Node - 实现请求响应 1.2.3. ...

  9. 从零开始学前端 - 2. HTML常用标签_1

    作者: 她不美却常驻我心 博客地址: https://blog.csdn.net/qq_39506551 微信公众号:老王的前端分享 每篇文章纯属个人经验观点,如有错误疏漏欢迎指正.转载请附带作者信息 ...

最新文章

  1. java arrays.aslist()_Java中Arrays.asList()方法详解及实例
  2. ubnutu18.10拔除硬盘后进行recovery mode
  3. java 传递脚本给c_java – JNI将参数传递给c的方法
  4. 好像博问不能回复了,看似是某个脚本错误阻止了提交。可有此事?
  5. ubuntu12.04安装搜狗输入法和配置
  6. 此计算机上的windows防火墙阻止了远程调试_除了防火墙,用PowerShell命令也可以屏蔽网站,这个方法更简单...
  7. 将不确定变为确定~一切归总为“二”(C#中的位运算有啥用)
  8. 批量word删除页眉页脚——VBS脚本,在office宏中运行即可
  9. jsp写的简单购书网站
  10. 软件工程案例-仓库管理系统简单版
  11. java模板beetl引擎_模板引擎-beetl
  12. 读《大秦帝国》第二部
  13. PLC抑制干扰电路的设计
  14. Cutting Sticks
  15. 【整理】EFI/UEFI BIOS 入门 : All For Beginners
  16. 计算机桌面刷新位置不可用,Win10开机提示桌面位置不可用的三种解决办法
  17. 【大学生必备神器网站】免费论文下载、免费2T网盘、各类免费课程、在线高数引擎...收藏了4年的宝藏学习网站最全の整理推荐!
  18. DZ插件 [1314]模板自由切换 2.0.1版
  19. Keras LSTM对20 Newsgroups数据集进行分类
  20. scanf_s()前身——scanf()

热门文章

  1. 面试官:海量无序数据,寻找第 K 大的数,越快越好
  2. 使用雪花id或uuid作为Mysql主键,被老板怼了一顿!
  3. 如何优雅的转换 Bean 对象!
  4. 必须要掌握的 InterruptedException 异常处理
  5. 数据科学干货分享来了!
  6. 如何配置一台深度学习工作站?
  7. 「建模调参」之零基础入门数据挖掘
  8. 字节跳动扩招一万人?这也太香了!
  9. 硬核!我的导师手写129页毕业论文,堪比打印!
  10. 小学六年级,自学计算机,会爬虫,搞崩过学校网站,还有女朋友...