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