Html&&css案列-01

1. 页面布局整体思路

1. 确定页面的版心大小
2. 分析页面中的行模块，再每个行模块中的列模块
3. 一行中的列模块经常浮动布局，先确定每个列的大小，之后确定位置
4. 制作HTML结构，先有结构，后有样式，结构最重要

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dvKoQzEJ-1585021152666)(C:\Users\CodePigChen\AppData\Roaming\Typora\typora-user-images\image-20200321213431214.png)]

2. 导航栏的制作

在实际开发中，不直接使用连接a 而是用li包含链接的（li+a）的做法

3. 定位的案列：淘宝焦点图

总结

1.行高和父元素高度相等，文本居中

2.浮动的元素不会有外边距合并问题

2.浮动的元素不会有外边距合并问题

3. 元素既有left 又有right，默认执行left=======top and bottom 执行 top