css块级元素
·块级元素
每个块级元素都会独自占据一整行或多行,可以对其设置宽度,高度对其等属性,常用于网页布局和网页结构搭建
行内元素
·行内元素(内联元素)不占有独立的区域,仅仅靠自己的字体大小和图像尺寸来支撑结构,一般不可以设置宽度,高度,对其属性,常用语控制页面中的文本样式。
块级元素和行内元素的区别:
块级元素的特点:
1.总是从新开始
2.高度行高外边距都可以控制
3.宽度默认是容量的百分百
4.可以容纳内联元素和其它块元素
行内元素的特点:
[if !supportLists]1. [endif]和相邻行内元素表在一行上
[if !supportLists]2. [endif]高宽无效,但水平方向的padding和margin可以设置,垂直方向无效。
[if !supportLists]3. [endif]默认宽度就是他本身内容的宽度
[if !supportLists]4. [endif]行内元素只能容纳文本或其他行内元素
·行内块元素
在行内元素中有几个特殊的标签-,,可以对他门设置高度和对其属性
行内元素的特点:
[if !supportLists]1. [endif]和相邻行内元素在一行上,但是之间有空白缝隙
[if !supportLists]2. [endif]默认宽度就是他本身内容的宽度
[if !supportLists]3. [endif]高度,行高,外边距一句内边距都可以进行控制
标签显示模式转换
将块状元素转换为行内模式display:inline
将行内模式转换为块状元素display: black;
将行内标签转化为行内块标签:
行内标签模式转换为匡壮内标签显示模式display:inline-block