- 页面架构
- CSS Reset
- 样式重置前后对比
页面架构
页面架构从实际需求出发，提供多种需求的多种解决方案和优缺点，
各种页面优化方案以及如何为团队或产品制定规范等，
帮助你完成产品的页面架构，进一步提升前端页面技术。
CSS Reset
所有的 HTML 标签在没有设置样式时均被浏览器默认的样式列表所装饰
（不同浏览器默认样式有所不同）。CSS 的样式重置就是清楚浏览器的默认样式
，可以理解为对于全局的样式定义。
对于开发者来言，如不重置每一个浏览器特定的默认样式，则会在开发造成诸多的不便。
在前端开发过程中做加法，远远比做减法简单。将所有浏览器的默认样式统一，
可以使它们有一个相同起点。— Li Xinyang 资深前端工程师
NOTE：一份 CSS Reset 文件并不一定适用于所有场景，需要更具需求做出变通
（需符合产品需求为主）。
NOTE+：浏览器对于控件的样式和功能的特性支持也可以重置
（例如日历，清楚输入框内容按键等）。
NOTE++：Reset 文件需比页面其他样式文件的引入顺序优先（优先级需最高）。
样式重置前后对比
样式重置前
css-reset-before.png
样式重置后
css-reset-after.png
网友评论