收获:
在实际开发中不会直接使用链接a,而是使用li包含链接的做法
nav导航栏不需要给宽度,因为添加了浮动就有了行内块元素的特性,有多少内容就有多宽
行内块元素之间有一个空白缝隙,加上浮动去除空隙
使用vertical-align改变元素在父元素中的位置(图片和文字对齐)外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。而左右外边距不合并。
浮动的盒子不会有外边距合并的问题,只有标准流才会产生这个问题
感受:使用较多的盒子模式和浮动
成果: