2020.11.23web前端第十课

块级元素 h1-h6 p div table body
行内元素 a img span input

块级元素始终占据一行或多行，在页面以区域块的形式出现，可以设置宽高和对齐方式
行内元素不占有独立区域，靠字体大小和图片支撑，不可设置宽高和对齐方式

h1-h6 p 只搭建文本结构，只加文本或行内元素，不能插入其他块级元素

其他块级元素里可以加任意块级元素、文本、或行内元素
行内元素只能加文本或其他行内元素，不能加块级元素

标签里可加块级元素
是可设置宽高属性的特殊行内元素

元素的转换
display:
inline显示为行内元素，无换行符
block显示为块级元素，有换行符
inline-block行内块元素
none不显示该元素

相邻块元素垂直外边距的合并
相邻块元素之间的垂直间距不是margin-bottom与margin-top之和，而是两者中的较大者

嵌套块元素垂直外边距的合并
对于嵌套关系的块元素，如父元素无上边框及边框，则父元素上外边距会与子元素上外边距发生合并，合并后的外边距为两者中较大者
（子元素移到父元素会顶部）

div overflow:hidden 解决子元素margin溢出

float浮动方式

p { clear:left; } 清除某方向的浮动元素