如何引入css文件 vue中引入css文件

admin web技术 2022-10-24 568浏览 0

本教程操作环境：windows7系统、css3版，DELL G3电脑。

引入css文件的方法：

一、行内样式

使用style属性引入CSS样式。

示例：

style属性的应用

直接在HTML标签中设置的样式

实际在写页面时不提倡使用，在测试的时候可以使用。

例如：

行内样式

我是p标签

二、内部样式表

在style标签中书写CSS代码。style标签写在head标签中。

示例：

h3{
            color:red;
         }

例如：

内部样式表
  
  
    div{
        background: green;
    }
  


     我是DIV

三、外部样式表

CSS代码保存在扩展名为.css的样式表中

HTML文件引用扩展名为.css的样式表，有两种方式：链接式、导入式。

语法：

1、链接式

2、导入式

  @import url("css文件路径");

例如：

外部样式表
  
   
  
  
    @import url("css/style.css");
  


     
         1111
         2222

继续浏览有关 css教程的文章