HTML:块级元素和行内元素

258 阅读1分钟

块级元素(Block Elemen)

  块级元素是在页面上独占一行的,常被用来布局段落、列表、导航菜单栏以及脚注等等结构。块级元素设置的宽高是有效的。

常用的块级元素有:

(这个元素是纯粹的块级元素);

段落

一级标题

二级标题

三级标题

、...; 表格
;表格头部;表格表体;表脚; ;

...

列表标签:

    ordered lists 有序列表,其子元素
  1. lists序号默认从1开始;

      unordered list 无序标签;

      列表

      definition lists,自定义列表,子元素
      :标题,
      列表项。

      行内元素(lnline elements)

        行内元素是在页面中与其它元素共享一行空间,常常被用作于嵌套与块级元素中,一般会作为段落的一部分出现。

        行内元素设置的宽高是无效的。

      常用的行内元素有:

      (这个元素是纯粹的行内元素);

      加粗效果;

      倾斜效果,意味强调;italic 倾斜效果;

      underline 下划线;


      空格;

      引用图片;

      文本框;

      呈现小号字体效果;

      用来定义列表中的可用选项,就是选择框; 、分别是上标文本和下标文本; 注意: 块级元素不可以嵌套在行内元素里面,但是行内元素可以嵌套在块级元素里面。 块级元素与行内元素之间的转换: display:inline;可以将块级元素实现行内显示,注意的是宽高无效。 display:block;可以将行内元素实现块级展示,注意的是宽高有效。 display:inline-block;可以设置为行内展示并且宽高是有效的。 display:none;不显示,不占据屏幕的空间。