thinkphp怎么引用css文件

html-css020

thinkphp怎么引用css文件,第1张

在thinkPHP中模板和css是这样的输出和引用的:

首先说模板要放在与模板对应的文件夹中,然后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那样,仅仅允许图像和表格