normalize:统一了基本的样式,如margin: 0;(类似compass中的reset模块)
compass:对sass的封装,扩展
1.安装
npm i normalize.css compass-mixins --save-dev
1.1 normalize.cssx引用
在main.js中
import 'normalize.css'
这样就完成了引用,F12,查看
body {
margin: 0; // 如果是0则说明normalize已经起作用
}
2.1 compass引用
在vue.config.js中配置
module.exports = {
css: {
loaderOptions: {
sass: {
// 设置全局引用
data: `
@import "./node_modules/compass-mixins/lib/_compass.scss";
@import "./node_modules/compass-mixins/lib/compass/_layout.scss";
`
}
}
}
}
这样就可以使用compass提供的模块功能,如
@include border-radius(20px); // css3模块
其它功能:http://compass.aether.ru/
这个只能慢慢熟练,慢慢积累。
點擊查看更多內容
1人點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優(yōu)質文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦