CSS 引入的4种方式

最新推荐文章于 2023-03-10 17:07:38 发布

sdbxpjzq

最新推荐文章于 2023-03-10 17:07:38 发布

阅读量379

点赞数

分类专栏： CSS 文章标签： css 引入

本文链接：https://blog.csdn.net/sdbxpjzq/article/details/50433907

版权

CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

CSS 引入的4种方式

行内样式

<p style=”color:red”>段落</p>

嵌入样式

<html>
    <head>
<style type=”text/css”>
    #box1{
        width:100px;height:200px;
        }
     <!— P{color:red;}-->
     <!--  -->用于当浏览器不支持样式表时，不会将样式表的内容显示出来
</style>
    </head>
    <body>
        <div id="box1">hello world</div>
        <p>hello world</p>

    </body>
</html>

外链样式

<head>
    <link rel="stylesheet" type="text/css" href="">
</head>

导入样式表

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

说明： 导入式，其实与内嵌式相类似，都是将样式加入到网页中。
1. 导入式，会占用html文件空间
2. 许多浏览器，解析会有问题，
3. @import url(“”); 可将多个样式文件，导入到一个样式文件中去
例如：有style.css 和 hello.css 文件，则在basic.css 文件中写入
@import url(“style.css”);
@import url(“hello.css”);
basic.css 文件就引入了前边的两个文件