CSS样式导入

最新推荐文章于 2024-05-27 17:46:44 发布

摘一颗星星

最新推荐文章于 2024-05-27 17:46:44 发布

阅读量914

点赞数

文章标签： css html css3

本文链接：https://blog.csdn.net/qq_45192812/article/details/122870385

版权

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;
}

运行结果：
在这里插入图片描述

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;
}

运行代码：
在这里插入图片描述

优惠劵

摘一颗星星

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS样式导入

CSS样式导入1、代码11.1.html文件样式代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <style> h1{ color: green; } &
复制链接

扫一扫