HTML标签元素可以分为三种不同的类型：块元素、行内元素和行内块元素。块元素的特点是：1.占用单行。每个块级元素都在一个新行开始，它之后的元素也在一个新行开始。2、可以设置元素的高度、宽度、行高和上下外边距。3.可以设置高度。如果不设置元素的高度，它的高度将与父元素的高度相同。常用的块元素有：
,
,,,,,,、、、等内联元素对应于块元素，具有以下特点：1、与其他内联元素都在一行；二、元素的高度和宽度1、不能设置行高和上下边距；3、元素不能设置高度，宽度是其包含的文字或图片的宽度。常用的内联元素有：,,,,,,,,等内联元素和块元素都可以相互转化。例如，将内联元素设置为displaydisplay:block，在CSS中以块元素的形式将内联元素转换为块元素。这时候我们就可以设置元素的长宽等原本无法设置的属性了。同样，我们也可以将块元素的display属性设置为display:inline，这样块元素就可以显示在同一行。行内块元素与行内元素显示在同一行，高度、宽度、行高、边距都可以像块元素一样设置。常用的内联块元素有：、其他元素可以通过设置display:inline-block转换为内联块元素。 上一篇：移动端适配 下一篇：小程序-优化、部署、功能详解 前端学习笔记之html标签元素分类相关文章 【创客玩转AI】利用Google Colaboratory的 下一代谷歌眼镜新功能揭晓！引导用户学习跳舞 雷星光电副总裁、智能视觉业务执行总裁孙莉！解析深度学习前沿研 机器学习与 Kubernetes & Kubeflo 机器学习！人工智能的三种设计模式 独创性！揭秘笔记本的非凡历程 深度学习之父辛顿推翻了30年的研究成果，新的“胶囊网络”或将 未来10年，将被人工智能-机器学习-大数据颠覆的三大行业 有必要安装前端净水器吗？个人经验，请勿模仿！ Facebook利用AI机器学习解决内容审核问题 设计师最“爱”笔记本 华为MateBook X Pro强势安 “家校美”智能学习终端惊艳亮相“国际教育装备展览会” 大牛预测2018年深度学习趋势！大量AI硬件初创企业将失败 Moleskine 智能笔在书写时将其转换为数字笔记 章鱼少女的荣耀手环零命笔记：也许这就是一种时尚 智能家居！红紫区块链与机器学习或将在物联网领域再次升温 Oculus Rift 将如何改变学生的学习方式 开学季≠烧钱季，你想了解平价AMD锐龙笔记本电脑吗？ 全面屏、专业性能，这款笔记本是工作娱乐的有力工具 旧笔记本电脑性能落后且电池寿命短？让他享受学习的乐趣 最新推荐 1难得一见的清华深度学习课程！我们“偷”了全套干货 2小米发布游戏笔记本电脑！ 1.6英寸屏幕+1080P分辨率 3谷歌AI集团任命李飞飞领导云机器学习团队 4价格又上涨了，想了解高性价比AMD Ryzen笔记本吗？ 5诺奖得主弟子欲用深度学习颠覆癌症检测 6英特尔收购深度学习公司Vertex.AI 7苹果高管独家专访！苹果一直是领先者，从失败中学习是我们的本性 8NVIDIA 发布 Quadro M5500M！笔记本也能完 9解读腾讯人工智能新战略！深度学习平台DI-X 10使用 AMD Ryzen 笔记本电脑体验大学生活是什么感觉？ 猜你喜欢 1志邦国际ERP！学习世界杯，打造冠军球队！ 2利用深度学习技术，Drive.ai 雨天雨夜也能导航 3AR和VR之间没有“墙”，互相学习会让他们变得更好 4三星CES2019发布会回顾！新品涉及IoT、智能家居、笔记 5机器学习不断接近人脑的水平， AI图像识别未来发展如何？ 6谷歌万无一失的机器学习工具来了！李飞飞&李佳的里程碑 7考上合适的大学很重要！ Plexuss利用机器学习更好地匹配 8惠普登陆China Joy，推出星15微边框轻薄笔记本节能版 9英特尔AI战略详解！落地实体经济，推动端到端智能化，发布首款 10如何科学地学习临床医学？尝试可穿戴监测技术 11在不久的将来，人类的食物将由人工智能和机器学习提供 12英特尔推出多款搭载 Nervana 人工智能平台的深度学习芯 13英特尔为何斥资4亿美元收购一家成立2年的机器学习公司？ 14课堂永远不会无聊！ Sphero 智能球可以教孩子学习编程 1510家最具创新性的机器学习公司 16移动办公笔记本电脑最佳选择联想YOGA S730正式发布 17解读FB自学习AI产品Deeptext，能读懂你的聊天内容 18VR是时候静下心来学习HTC和三星的生态竞争了 19想要使用人工智能和机器学习吗？需要合适的基础设施 20IBM新成果！人工智能强力助推汉语学习
,等内联元素和块元素都可以相互转化。例如，将内联元素设置为displaydisplay:block，在CSS中以块元素的形式将内联元素转换为块元素。这时候我们就可以设置元素的长宽等原本无法设置的属性了。同样，我们也可以将块元素的display属性设置为display:inline，这样块元素就可以显示在同一行。行内块元素与行内元素显示在同一行，高度、宽度、行高、边距都可以像块元素一样设置。常用的内联块元素有：、其他元素可以通过设置display:inline-block转换为内联块元素。 上一篇：移动端适配 下一篇：小程序-优化、部署、功能详解 前端学习笔记之html标签元素分类相关文章 【创客玩转AI】利用Google Colaboratory的 下一代谷歌眼镜新功能揭晓！引导用户学习跳舞 雷星光电副总裁、智能视觉业务执行总裁孙莉！解析深度学习前沿研 机器学习与 Kubernetes & Kubeflo 机器学习！人工智能的三种设计模式 独创性！揭秘笔记本的非凡历程 深度学习之父辛顿推翻了30年的研究成果，新的“胶囊网络”或将 未来10年，将被人工智能-机器学习-大数据颠覆的三大行业 有必要安装前端净水器吗？个人经验，请勿模仿！ Facebook利用AI机器学习解决内容审核问题 设计师最“爱”笔记本 华为MateBook X Pro强势安 “家校美”智能学习终端惊艳亮相“国际教育装备展览会” 大牛预测2018年深度学习趋势！大量AI硬件初创企业将失败 Moleskine 智能笔在书写时将其转换为数字笔记 章鱼少女的荣耀手环零命笔记：也许这就是一种时尚 智能家居！红紫区块链与机器学习或将在物联网领域再次升温 Oculus Rift 将如何改变学生的学习方式 开学季≠烧钱季，你想了解平价AMD锐龙笔记本电脑吗？ 全面屏、专业性能，这款笔记本是工作娱乐的有力工具 旧笔记本电脑性能落后且电池寿命短？让他享受学习的乐趣 最新推荐 1难得一见的清华深度学习课程！我们“偷”了全套干货 2小米发布游戏笔记本电脑！ 1.6英寸屏幕+1080P分辨率 3谷歌AI集团任命李飞飞领导云机器学习团队 4价格又上涨了，想了解高性价比AMD Ryzen笔记本吗？ 5诺奖得主弟子欲用深度学习颠覆癌症检测 6英特尔收购深度学习公司Vertex.AI 7苹果高管独家专访！苹果一直是领先者，从失败中学习是我们的本性 8NVIDIA 发布 Quadro M5500M！笔记本也能完 9解读腾讯人工智能新战略！深度学习平台DI-X 10使用 AMD Ryzen 笔记本电脑体验大学生活是什么感觉？ 猜你喜欢 1志邦国际ERP！学习世界杯，打造冠军球队！ 2利用深度学习技术，Drive.ai 雨天雨夜也能导航 3AR和VR之间没有“墙”，互相学习会让他们变得更好 4三星CES2019发布会回顾！新品涉及IoT、智能家居、笔记 5机器学习不断接近人脑的水平， AI图像识别未来发展如何？ 6谷歌万无一失的机器学习工具来了！李飞飞&李佳的里程碑 7考上合适的大学很重要！ Plexuss利用机器学习更好地匹配 8惠普登陆China Joy，推出星15微边框轻薄笔记本节能版 9英特尔AI战略详解！落地实体经济，推动端到端智能化，发布首款 10如何科学地学习临床医学？尝试可穿戴监测技术 11在不久的将来，人类的食物将由人工智能和机器学习提供 12英特尔推出多款搭载 Nervana 人工智能平台的深度学习芯 13英特尔为何斥资4亿美元收购一家成立2年的机器学习公司？ 14课堂永远不会无聊！ Sphero 智能球可以教孩子学习编程 1510家最具创新性的机器学习公司 16移动办公笔记本电脑最佳选择联想YOGA S730正式发布 17解读FB自学习AI产品Deeptext，能读懂你的聊天内容 18VR是时候静下心来学习HTC和三星的生态竞争了 19想要使用人工智能和机器学习吗？需要合适的基础设施 20IBM新成果！人工智能强力助推汉语学习
前端学习笔记之html标签元素分类相关文章
