css的三种导入方式

最新推荐文章于 2023-03-11 15:21:52 发布

之樾

最新推荐文章于 2023-03-11 15:21:52 发布

阅读量136

点赞数

文章标签： css

本文链接：https://blog.csdn.net/qq_43021902/article/details/114632578

版权

<!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 style="color:red">我是标题</h1>
</body>
</html>

扩展：外部样式两种写法

链接式

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

导入式

@import是css2.1特有的！

<!--    导入式-->
    <style>
        @import url("css/style.css");
    </style>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

之樾

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css的三种导入方式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> h1{ color:green; } </style> <!-- 外部样式--&gt
复制链接

扫一扫