参考资料

  1. 类选择器详细说明以及案例
  2. css阴影效果属性
  3. css div阴影效果,
  4. align-items: flex-start/end详细说明
  5. Flex布局与Grid布局的对比?
  6. CSS定位详细说明以及案例
  7. 后代选择器详细说明以及案例
  8. css中div居中详细说明
  1. CSSO

    • 简介: CSSO(CSS Optimizer)是一个CSS压缩工具,专注于优化CSS文件大小。

    • 官网: https://github.com/css/csso

    • 下载地址: 通过npm安装:npm install csso

    • 功能说明: 移除多余空格、合并相同选择器、优化属性等。

    • 最新版本: v5.0.5(2023年发布)

  2. Clean-CSS

    • 简介: Clean-CSS是一个高效的CSS压缩和优化工具。

    • 官网: https://github.com/clean-css/clean-css

    • 下载地址: 通过npm安装:npm install clean-css

    • 功能说明: 合并重复规则、移除注释、优化选择器等。

    • 最新版本: v5.3.2(2023年发布)

  3. UglifyCSS

    • 简介: UglifyCSS是一个简单的CSS压缩工具。

    • 官网: https://github.com/fmarcia/UglifyCSS

    • 下载地址: 通过npm安装:npm install uglifycss

    • 功能说明: 压缩CSS代码,移除注释和空格。

    • 最新版本: v0.0.29(2021年发布)

  4. PostCSS

    • 简介: PostCSS是一个用JavaScript插件转换CSS的工具。

    • 官网: https://postcss.org

    • 下载地址: 通过npm安装:npm install postcss

    • 功能说明: 支持自动前缀、变量、嵌套等高级功能。

    • 最新版本: v8.4.31(2023年发布)

  5. PurgeCSS

    • 简介: PurgeCSS用于移除未使用的CSS代码。

    • 官网: https://purgecss.com

    • 下载地址: 通过npm安装:npm install purgecss

    • 功能说明: 分析HTML和CSS,删除未使用的样式。

    • 最新版本: v5.0.0(2023年发布)