Vue框架app页面默认有2rem的padding怎么解决

58 阅读1分钟

image.png 我们发现上图有一颗2rem的padding,该如何去它呢? 控制app这个元素的css并不在App.vue里,而是在main.js中引入的默认样式style.css里面,我们打开style.css,找到#app,将默认padding去除就好。延伸一下,想要改默认样式,都可以在style.css里面改哦。

image.png

思考题:单独组件的css会覆盖style.css里面的默认样式么? 答案是会的!后加载的css文件会将先加载的css文件覆盖掉,我们上案例:

image.png 我们看到App.vue中的card背景变为红色,默认的样式为黑色,因此是App.vue覆盖掉了默认样式文件。