首页 > 代码库 > 使用导入外部样式文件方式

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

导入外部样式文件方式:和链接方式相似,除了提供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>

 

  

 

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