本文总结了HTML与CSS的学习，重点探讨了盒子模型，包括`box-sizing`属性的用法，以及如何通过`normalize.css`实现浏览器样式的一致性。此外，详细解释了CSS的`float`属性，展示了其在页面布局中的应用与潜在问题，并提醒开发者避免使用`float`进行布局，推荐学习使用`flex`布局。
HTML与CSS学习总结（三）
盒子模型
- 浏览器默认样式
这是每个浏览器自动默认的，每个浏览器的默认样式可能不同 - 所有元素都是矩形
- content （内容）
- padding （内边距）
- border （边框）
- margin （外边距）
注：在chrome中可以右键点击检查来查看网页元素的“盒子”
box-sizing：（宽和高是如何被计算的：要不要把padding和border计算到宽度以内）
- contant-box（默认是这个）—往外增加
- border-box—往内增加
normalize（让浏览器渲染所有元素的时候更加统一，而且与现代标准契合）
- 有一个问题：你做好的网页不同的人可能会在不同的网页上打开，而不同的网页默认的样式又是不同的，我们要保持在不同的网页样式相同，就要用到 normalize
最低0.47元/天 解锁文章
扫一扫
888
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
