CSS_元素显示模式

元素显示模式

一.块级元素:

常见标签:
	h1~h6 p div ul li ol hr dl form table
特性:
	独占一行,宽高内外边距都可以用控制,
	宽度默认与父级一样宽
	块级元素内可以放行内元素和块级元素
	特殊情况: h1-h6 p等文字标签内不能放其他块级元素

二.行内元素

常见标签:
	a  strong b em i del s ins u span
特性:
	相邻行内元素在一行上，一行可以显示多个,
	margin仅设置左右方向有效
	高、宽直接设置无效,默认宽度是它本身的宽度,
	行内元素只能容纳文本或者其他行内元素
特殊情况；
	a链接里面不能放a链接
	a可放块级元素
	不会自动进行换行

三.行内块元素

常见标签:
	img, input,textarea
特性:
	一行可以显示多个块元素 会有缝隙
	默认宽度是本身宽度
	高、行高、外边距及内边距都可以控制

四.显示模式的转换

display：block 转换为块级元素
display: inline 转换为行内元素
display: block-inline转换为行内块元素
	转换为块元素以及转换诶行内块元素较重要,
	block也有用来显示元素的作用

五:单行文字垂直居中

通过设置line-height可以实现单行文字的居中
	line-height行高 == height就可以实现垂直居中
	line-height行高>height 偏下
	line-height行高<height 偏上