1. 直接写<style>

2.在public中新建css文件，在源文件中导入@import “../../public/**.css"

3.在index.html中修改

样式的添加的三种方式：

内部样式：

1、在vue页面中的<style></style>中添加

2、在public中创建css文件，在vue页面中引入

3、在public中创建css文件，在public的index.html中全局引入页面中引入

vue-cli3添加样式的三种方法：

1.在vue文件中的style里面添加

2.在public中新建一个css文件，在vue文件中的style引入css文件：@import "../../public/xxx.css"

3.在项目的首页html中添加link引用css文件

添加样式有3种方式

第一种:在当前 A.vue种的style写内联样式

第二种,在public 目录下新建style.css，然后再A.vue的style 下面，@import引入

第三种：在public 下的index.html 传统方式  link引入

其中  router-link相当于  a  标签  可以被包含于包含其他标签

查看vue版本

vue -V

设置样式的另一种方法

引入外部样式：

<style>

 @import "css路径"

</style>

引入外部样式 用@import