使用导入外部样式文件方式

Posted john。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用导入外部样式文件方式相关的知识,希望对你有一定的参考价值。

导入外部样式文件方式:和链接方式相似,除了提供css文件之外
html的head标签中添加style标签,使用@import url(路径)
作用范围:需要的html页面

 

 

 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>使用导入外部样式文件方式</title>
    <!--导入外部样式文件方式:和链接方式相似,除了提供css文件之外
    在html的head标签中添加style标签,使用@import url(路径)
    作用范围:需要的html页面-->
    <style>
        /* @import url(style.css)  等价的*/
        @import "Style.css";
    </style>
</head>
<body>
    <p>功夫瑜伽一</p>
    <p>功夫瑜伽二</p>
    <p>功夫瑜伽三</p>
    <div>成龙</div>
    <br>
    <div>高圆圆</div>
</body>
</html>

 

  

 

以上是关于使用导入外部样式文件方式的主要内容,如果未能解决你的问题,请参考以下文章

CSS的导入方式

外部样式表不会覆盖引导程序

html 将以编程方式附加外部脚本文件的javascript代码片段,并按顺序排列。用于响应式网站,其中ma

js外部样式如何导入

请问css的 链接与导入有啥区别

CSS导入方式