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>表示强调