html元素分类

HTML元素大可分为两类:内联(inline)元素、块(block)元素。任何不是块级元素的可见元素都是内联元素。

操作方法

  • 01

    什么是块状元素呢? 块状元素就是以块显示的元素,高度宽度都是可以设置的。

  • 02

    块状元素的特点: 1、总是在新行上开始;2、高度,行高以及外边距和内边距都可控制;3、不设置宽度,那么宽度就等于父类的宽度;4、它可以容纳内联元素和其他块元素。

  • 03

    常见的块状元素: div、p、h1~h6、hr、table、ul、

  • 04

    块状元素会自动换行。效果如图:

内联(inline)元素

  • 01

    什么是内联元素? 内联元素主要用于显示文本,与块级元素相反,内联元素的高度宽度是不可以设置的,其宽度就是自身文字或者图片的宽度。

  • 02

    内联元素的特点 1、元素不会换行,高和外边距不可改变;2、宽度设置无效,它的宽就是它的文字或图片的宽度3、高度height无效,可以通过line-height来设置文本的行高;4、设置margin只有左右margin有效,上下无效;5、设置padding只有左右padding有效,上下则无效。 6、内联元素只能容纳文本或者其他内联元素。

  • 03

    常见的内联元素: span、a、b、font、i、img、select、textarea、input等

  • 04

    行内元不会自动换行,会自动把文本内容显示成一行。如图:

(0)

相关推荐

  • 如何将电脑CAD中的模型与布局空间的背景颜色设置为护眼色

    当我们在使用电脑来制作工程图的时候,一般都会用到CAD软件,为了避免模型空间背景颜色对眼部有过大的伤害,可以将背景颜色设置为护眼色,接下来就由小编来告诉大家如何操作.具体如下:1. 第一步,打开电脑中 ...

  • 125个优化网页可用性的小技巧(一)

    这个系列的教程到目前为止有5个章节,共125个实用技巧,每一个技巧都有案例对比,保证简单易懂.今天@企业官网设计精选翻译了第一部分 -- 在网页设计中如何引导用户的注意力.学会一个就能受用无穷,更别说 ...

  • 让你的原型不再Low,新版组件库来袭

    设计这套组件库主要解决的矛盾: 项目经理给甲方提案需要展现能力和专业性,其中原型图的设计其中的一环.原型在功能展示方面没问题,由于大多项目经理不是设计师,在原型图本身的气质,档次上会稍有欠缺. 目标: ...

  • 【跨界设计思维】互联网复杂系统的“旧城改造”设计法

    提起"旧城改造",我们可能第一时间会想到城市里的城中村,在国内大部分城市的高速现代化发展进程中,或多或少会出现一些历史遗留的村落,里面的人口结构复杂,管理落后,区域划分乱,生活水平 ...

  • 利用Excel数据有效性实现单元格下拉菜单多种分类选项

    一、准备的基础知识 1、创建多个选项下拉菜单 在EXCEL单元格做下拉列表还有一个更好的方法,因为下拉列表的内容可能有30项甚至于100项以上,如在“数据-有效性-来源”中填写100项是做不到的,我记 ...

  • Excel表格之建立分类下拉列表填充项

    Excel表格要做出下拉填充项是需要方法的,而我们又经常会用到,所以今天就教大家怎么做吧.我们常常要将企业的名称输入到Excel表格中,为了保持名称的一致性,利用"数据有效性"功能 ...

  • 数据透视表如何分类汇总(数据透视表如何分类汇总多列数据)

    很多同学会觉得 Excel 单个案例讲解有些碎片化,初学者未必能完全理解和掌握.不少同学都希望有一套完整的图文教学,从最基础的概念开始,一步步由简入繁.从入门到精通,系统化地讲解 Excel 的各个知 ...

  • 从设计指南说起,详解iOS系统组件分类体系

    @Echo 由于iOS 和 Material Design的组件体系有些不一样,所以关于组件的分类体系我会分iOS篇和Android篇来讲解,本篇文章为iOS 篇. 对于大部分入门设计师及中级设计师来 ...

  • 从3个分类出发,深入研究App加载动画

    加载动画远不止我们看到的形式,背后还有关于加载性能的考虑. 数据是软件的血液,数据只有不断加载更新,软件才有生命力.数据加载是用户的经常性操作,因此是提升用户体验的重要方面,也是产品.设计.开发都要考 ...