默认情况下 Vue.js 是不支持 Sass、SCSS 的，如果想要使用它们，只需要一些简单的安装配置即可。 1，安装依赖包（1）进入项目文件夹，执行如下两个命令安装相关的依赖包。 npm install --save-dev sass-loader npm install --save-dev node-sass （2）接着编辑 build 文件夹下的 webpack.base.conf ...

三、网格布局框架1，grd.css 介绍（1）Grd是一款基于Flexbox的CSS网格系统框架。通过这个CSS网格框架，我们可以在页面中进行各种形式的网格布局。它默认采用和Bootstrap相同的12列布局。（2）Grd是轻量级框架，代码如下：注意：我这里对其原始代码进行了改进，在原有的横向布局基础上，增加了纵向布局（column）的样式。.Grid{display:flex;flex-wrap ...

三、网格布局框架1，grd.css 介绍（1）Grd 是一款基于 Flexbox 的 CSS 网格系统框架。通过这个 CSS 网格框架，我们可以在页面中进行各种形式的网格布局。它默认采用和 Bootstrap 相同的 12 列布局。（2）Grd 是轻量级框架，代码如下：注意：我这里对其原始代码进行了改进，在原有的横向布局基础上，增加了纵向布局（column）的样式。.Grid { display: ...

一、CSS reset（样式重置）1，什么是 CSS reset？（1）HTML标签在浏览器中都有默认的样式，但是不同的浏览器的默认样式存在差别。例如ul默认带有缩进样式，在IE下，它的缩进是由margin实现的，而在Firefox下却是由padding实现的。（2）开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题，影响开发效率。现在很流行的解决方式是一开始就将浏览器的默认样式全部覆盖掉， ...

二、CSS 通用样式库1，基本介绍（1）所谓CSS通用样式库就是可以在任何网站使用的CSS样式库。通过对样式的独立拆分，使得各种效果可以自由组合，这是有别于一个class类覆盖多个CSS属性的做法的。（2）通过样式的独立拆分，精简的CSS文件，每个样式的重用性可谓发挥到的最大，同时，页面的后期维护变得异常轻松，样式冲突的可能性也是非常低的。2，通用样式库下面是我整理的一个比较好用的通用样式库（li ...