可以这样解释在HTML(超文本标记语言)中将标签分为两种:
一种是容器级,例如div,h,li,dt,dd,ul.table,p,blockquote,address,caption
另一种是文本就级,例如p,a,b,span,em,i,u,
而在CSS中将标签分为
块状:*
-
-
-
-
...
-
-
-
内联(行内):
- a - 锚点
- abbr - 缩写
- acronym - 首字
- b - 粗体(不推荐)
- bdo - bidi override
- big - 大字体
- br - 换行
- cite - 引用
- code - 计算机代码(在引用源码的时候需要)
- dfn - 定义字段
- em - 强调
- font - 字体设定(不推荐)
- i - 斜体
- img - 图片
- input - 输入框
- kbd - 定义键盘文本
- label - 表格标签
- q - 短引用
- s - 中划线(不推荐)
- samp - 定义范例计算机代码
- select - 项目选择
- small - 小字体文本
- span - 常用内联容器,定义文本内区块
- strike - 中划线
- strong - 粗体强调
- sub - 下标
- sup - 上标
- textarea - 多行文本输入框
- tt - 电传文本
- u - 下划线
- var - 定义变量
块状元素
特点:
1.每个块级元素都从新的一行开始,并且其后的元素也另起一行。
2.元素的高度,宽度,行高以及顶和底的边距都可以设置。
语法:
使用display:block;可以将其设置为块状元素,使其具有块状元素的特点。
内联元素
特点:
1.每个内联元素都会和其他元素在一行,不会像块状元素那样霸道的独占一行。
2.元素的高度,宽度,行高以及顶和底的边距都不可设置。
3.元素的宽度就是他们所包含的文字或者图片的宽度,不可设置。
语法:
使用display:inline;可以将其设置为内联元素,使其具有块状元素的特点。
内联块状元素
特点:
1.每个内联块状元素都会和其他元素在一行。
2.元素的高度,宽度,行高以及顶和底的边距都可以设置。
语法:
使用display:inline-block;可以将其设置为内联块状元素,使其具有块状元素的特点。
none属性
当元素想要隐藏是可以使用display:none;
这样就可以将元素隐藏起来。