CSS-css的三种导入方式

Posted Si人

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS-css的三种导入方式相关的知识，希望对你有一定的参考价值。

CSS

css即Cascading Style Sheet层叠（级联）样式表，主要是美化网页

css的优势

  1. 内容和表现分离

  2. 网页结构表现统一，可以重复使用

  3. 样式十分丰富

  4. 利于SEO，容易被搜索引擎收录

建议使用独立html的css文件

css的三种导入方式

优先级的问题是就近原则

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--内部样式-->
        <!--规范 <style> 可以编写css的代码，每一个声明最好都使用分号结尾
    语法：
        选择器{
            声明1；
            声明2；
            声明3；
        }
    -->
  <style>
    h1{
      color:green;
    }    
  </style>
    <!--外部样式-->
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--优先级是就近原则-->
​
<!--行内样式，在标签元素中，编写一个style属性，按要求编写样式即可-->
<h1 style="color: red">我来组成头部</h1>
</body>
</html>

 

h1{
    color:yellow;
}

拓展：外部样式两种写法：

  • 链接式

    html

    <!--外部样式-->
    <link rel="stylesheet" href="css/style.css">

  • 导入式

    @import 是CSS2.1特有的

    <style>
    @import url("css/style.css")
    </style>

以上是关于CSS-css的三种导入方式的主要内容，如果未能解决你的问题，请参考以下文章

Neo4j导入数据的三种方式

oracle 导入导出dmp的三种方式

spring注解之@Import注解的三种使用方式

SpringBoot与Dubbo整合的三种方式

在HTML中使用CSS样式的几种方式

spring注解之@Import注解的三种使用方式