写html页面的时候，多修改几次就会出现很多无用的css代码，下面使用gulp-uncss来精简css文件,去掉没用的css代码 1.首先找个目录创建一个gulp项目在命令行输入：npm init 然后一路回车创建一个项目 2.安装gulp和gulp-uncss --save -dev ...

我们在写代码的时候可能有些CSS并没有用到，我们如何利用webpack将冗余的CSS清除掉呢？ 可以使用 purifycss-webpack 达到该目的。 1.安装 purifycss-webpack,glob 和 purify-css 2.在配置文件中引入 ...

为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。 1.安装 2.在根目录新建一个postcs ...

使用PurifyCSS可以大大减少CSS冗余 1.安装 2.引入glob，因为我们需要同步检查html模板，所以我们需要引入node的glob对象使用。在webpack.config.js文件头部引入glob。引入purifycss-webpack 3.配置 ...

一、元素定位机制 　　1.普通文档流 　　普通文档流将浏览器窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。　　 　　2.定位思想和浮动 　　CSS元素定位的基本思想很简单，它允许我们定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口 ...

随笔记一下 一个浮动的元素 如果没有设置宽高 将会自动收缩为文字的宽高 脱标 贴边 字围 收缩 浮动有开始 就要有清除 效果 可以看到div作为一个块级元素 竟然没有两行显示 ...

1.要使用less，首先使用npm安装less服务 还需要安装Less-loader用来打包使用。 2.在module中配置 3.在html中编写一个div，在css中新建一个less文件 4.引入到entry.js ...

1.安裝：因为sass-loader依赖于node-sass，所以需要先安装node-sass 2.配置 3.新建一个sass文件，编写div 4.在entry.js中引入css 5.输入webpack打包，最终效果： 6.sass ...