2020-10-15 css06 元素分类

显示元素分类

一.块级元素
1.常见的块级元素有：

,

• ,

  ,

  ~

  2.独占一行，可以控制高宽以及内外边距 3.是一个盒子，里面可以放行内或块级元素，默认宽度为其父级的100% 注意： h1,p里面不能放块级元素，特别不能放div

二.行级元素
1.常见的行级元素有：
,,,,,
2.一行可以放多个，默认宽度为内容宽度
3.行内元素只能放文本或其他行内元素

三.行块级元素
1.常见的行内块元素有：
,,
2.一行可以显示多个，和相邻行内块元素在一行，中间会有空白间隙
3.可以控制高宽以及内外边距，默认宽度为其本身内容宽度

四.标签显示模式转换display
1.块级转换为行级：display:inline;
2.行级转换为块级：display:block;
3.行，块级元素转换为行内块：display:inline-block;

五.单行文本垂直居中
1.文字行高等于盒子高度
2.line-height:盒子高度