• 一. 样式初始化
  • 1. Normalize.css

一. 样式初始化

样式初始化的方案有很多:

1. 雅虎 CSS Reset
2. 腾讯、百度、淘宝这些一线大厂基本都有自己的CSS Reset
3. 目前广泛使用Normalize.css

1. Normalize.css

• 参考官网
• 特点
  • 标准化的样式，适用于大部分HTML元素；
  • 保留有用的浏览器默认样式，而不是全部样式"重置"，这个与 CSS Reset 最大的不同；
  • 修复了浏览器BUG并保证浏览器样式的一致性；
  • 优化了CSS样式提高了易用性；
  • 独立模块化开发，支持样式自定义；
  • 支持大部分主流浏览器，如 Chrome、Firefox、Opera 、Safari、Internet Explorer 等（包括移动浏览器）；
• 安装
  • 方式一：脚本

    # 目前版本8.0.1
    npm install normalize.css -S

  • main.ts中引入

    // 初始化样式
    import 'normalize.css/normalize.css';

  • 方式二：直接拷贝出 normalize.css 样式，导入main.ts中即可。