首先说模板要放在与模板对应的文件夹中,然后css和js等外部引用的文件要在你模板目录下新建一个名叫public的文件夹,css和js文件就是放在这个文件夹中的。
注意此时要更改模板(htnl文件)中的引用地址的代码,例如:
原来你引用css文件是这样引用的:
<link rel="stylesheet" href="./Css/index.css" />但是在thinkPHP中你要改成:
<link rel="stylesheet" href="__public__/Css/index.css" />__public__的意思访问当前目录下的public 文件夹,thinkPHP就会访问public文件夹。
主要有局部引入和全局引入。1、局部引入:在各自vue文件中使用,互不干扰style标签里面的关键字scoped【限位标记】添加这个关键字的作用:将这个style里面的样式都限制在该组件中,不会影响其他的组件。
2、全局引入:作用于全局,让很多内容都使用这个样这个就要回到App.vue中;
步骤一:建立自己专门存放自定义样式的css文件;
步骤二:在App.vue中新建;
步骤三:将css文件通过import‘css文件位置’引入到style标签中,作为全局样式覆盖。
float:漂浮属性允许网页制作者将文本环绕在一个元素的周围,这同html3.2
中img元素的align一样,但css1允许所有对象漂浮,而不像html3.2那样,仅仅允许图像和表格