【html+css】css显示模式

/* 块级 */        
/*  块级标签：1.独占一行2.宽度默认父元素宽度，高度默认由父元素撑开3.可以设置宽高【div, p, h, ul, li, dl, dt, dd, form, header...】 */        
div {            
	width: 300px;            
	height: 300px;            
	background-color: pink;            
	/* 元素显示方式转换 */            
	/* 行内块 */            /* display: inline-block; */            
	/* 行内 */            display: inline;        
	}        
/* 行内 */        
/* 行内元素：1.一行显示多个2.宽高默认由内容撑开3.不可以设置宽高【a, span, b, u, i, s, strong, ins, em, del...】 */        
span {            
	width: 300px;            
	height: 300px;            
	background-color: pink;            
	/* 元素显示方式转换 */            
	/* 行内块 */            
	/* display: inline-block; */            
	/* 块 */            
	display: block;        
	}        
/* 行内块元素：1.一行显示多个2.可以设置宽高 【input, textarea, button, select, img...】 */        
img {            
	width: 100px;            
	height: 100px;        
	}