CSS样式导入

CSS样式导入

1、代码1

1.1.html文件样式代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--  内部样式表  -->
    <style>
        h1{
            color: green;
        }
    </style>

    <link rel="stylesheet" href="css/style.css">

</head>
<body>
<!-- 优先级:就近原则 -->

<!--行内样式:在标签元素中,编写一个style属性,编写样式即可-->
<h1>这是标题</h1>

</body>
</html>

1.2.css文件代码

/*外部样式*/
h1{
    color: yellow;
}

运行结果:
CSS样式导入

2、代码2

2.1.html文件样式代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

  <style>
    /* 导入式 */
    @import "css/style.css";
  </style>
</head>
<body>

<h1>java学习</h1>

</body>
</html>

2.2.css文件代码

/*外部样式*/
h1{
    color: yellow;
}

运行代码:
CSS样式导入

上一篇:奥卡姆剃刀:使代码简洁明了


下一篇:航班时间(蓝桥杯省赛2018C/C++A组第六题)