HTML---标签的分类 | display | visibility

时间:2023-03-09 07:07:16
HTML---标签的分类 | display | visibility

一、HTML标签的分类和转换

1.1,三类HTML标签

1.2,三类HTML标签的特点

1.3,三类标签的转换--display:none隐藏于visibility不同之处

二、HTML某些标签--不走寻常路

-----------------------------------------------------------

一、HTML标签的分类和转换

1.1,三类HTML标签

常用block元素:div p  h1-h6 ol  ul  table  form  li

常用inline元素: a span br i  em  strong  label

常用inline-block元素:img  input    textarea  select

1.2,三类HTML标签的特点

block:

  1,每个块级元素都从新的一行开始,并且其后的元素也另起一行,独占一行

  2,元素的width、height、line-height以及padding,margin都可设置

  3,元素宽度在不设置的情况下,是它本身父容器的100%

inline:

  1,和其他元素都在一行上

  2,元素的高度、宽度以及顶部、底边距不可设置

  3,元素的宽度就是它包含的文字或图片的宽度,不可改变

inline-block:

  1,和其他元素都在一行上;

  2,元素的高度、宽度以及顶部、底边距可设置

1.3,三类标签的转换--display:none隐藏于visibility不同之处

转换--display:inline / block / inline-block

display:none 隐藏标签。隐藏之后原标签不占位子,相当于没有原标签了

visibility:hidden 隐藏标签。隐藏之后原标签占位置,原地方还在只是显示空白

二、HTML某些标签--不走寻常路

1、<b></b>加粗,有时候用来放图片
2、<i></i>斜体,有时候用来放小图标
3、<u></u>下划线
4、<s></s>删除线
5、<sup></sup>上标
6、<sub></sub>下标
如果想在一段文字中特别强调某几个字,就可以用<em>或<strong>标签
<strong>比<em>强调语气强烈,通常推荐用<strong>表示强调