css导入的三种方式

最新推荐文章于 2022-11-28 18:57:32 发布

abc　　　༽

最新推荐文章于 2022-11-28 18:57:32 发布

阅读量188

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/weixin_42971706/article/details/84312718

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

行内样式表

<body>
    <div>
        <p style="color: brown">
            我是一个段落
        </p>
    </div>

内联样式

<head>
    <meta charset="UTF-8">
    <title>css导入测试</title>
    <style>
        p{
            color: red;
        }
    </style>
</head>

外部样式表

链接式与导入式的区别

1、<link/>标签属于XHTML,@import是属性css2.1
2、使用<link/>链接的css文件先加载到网页当中，再进行编译显示
3、使用@import导入的css文件，客户端显示HTML结构，再把CSS文件加载到网页当中
4、@import是属于CSS2.1特有的，对于不兼容CSS2.1的浏览器来说就是无效的

1.link外链(推荐)

<head>
    <meta charset="UTF-8">
    <title>css导入测试</title>
    
    <link rel="stylesheet" href="./引入测试.css">
</head>

2.导入式

注意：

1. 不光是可以在html中使用，在css文件顶部也是可以使用的

2. @import url()必须写在文件最开始的位置。

index.css

@import url(other.css)

abc　　　༽

关注

0
点赞
踩
0

收藏

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

行内样式表&lt;body&gt; &lt;div&gt; &lt;p style="color: brown"&gt; 我是一个段落 &lt;/p&gt; &lt;/div&gt;内联样式&lt;head&gt; &lt;meta charset="UTF-8"&amp
复制链接

扫一扫