元素类型:
块级元素
块级元素(block):div h1 p ul ol li dl dt dd....
1:独占一行
2:能设置宽高
3:矩形显示
4:能正常设置内外边距
5:通常用来搭建页面结构
行级元素
行级元素(inline):span a u i em b strong...
1:在一行显示
2:不能设置宽高
3:非矩形显示(除非是最小单位)
4:不能正常设置垂直方向的内外边距
5:通常不用来搭建页面结构
行块级元素(行内块元素)
行块级元素(inline-block):img input
1:在一行显示
2:能设置宽高
3:矩形显示
4: 能正常设置内外边距
5:通常用来展示内容
行块级元素的垂直对齐方式
vertical-align:垂直对齐方式;
top顶部对齐
middle垂直居中
bottom底部对齐
[注]执政对行块级元素有效
元素类型转换:display
block转为块级元素(显示)
inline转为行级元素
inline-block转为行块级元素
none
隐藏
