需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：span {font-size: 0.8em}。
3、浏览器运行index.html页面，此时span的字体大小被设置h1字体大小的80%。
第一步：需要安装 postcss ， postcss-loader 和 postcss-preset-env 三个包。
第二步：在 webpack.config.js 的 css 的 loader 里配置 postcss-loader 。
第三步：配置 postcss.config.js ，然后配置 postcss-preset-env 插件，用来读取 package.json 文件中的 browserslist 配置。
第四步：在 package.json 文件添加 browserslist ，配置需要支持哪些浏览器。
压缩 css 需要用到 optimize-css-assets-webpack-plugin 。
用法很简单，引入插件之后，在 plugins 中实例化即可。
web前端开发图片放大了不清晰，需要优化浏览器的缩放算法在网页上通过CSS样式对图片进行缩放从而导致图片模糊，究其原因是因为浏览器的缩放算法和图片处理软件的不同导致的差异。
所以，要解决这个问题，就需要优化浏览器的缩放算法。CSS属性image，rendering正是为此而存在的。CSS 属性用于设置图像缩放算法。它适用于元素本身，适用于元素其他属性中的图像，也应用于子元素。
