视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
CSS的@import的用法_html/css_WEB-ITnose
2020-11-27 16:34:22 责编:小采
文档

CSS的@import的用法:

@import在很多页面都有应用,不过使用的频率还是比link标签要少的多,所以可能还有很多布局者对此不是太熟悉,下面就简单介绍一下它的用法。它是用来引入外部样式表的一种方式,格式有以下两种:

@import "style.css";@import url("style.css");

@import既可以为页面引入外部样式表,也可以在一个样式表中引入另一个样式表,代码实例如下:

实例一:

     蚂蚁部落    蚂蚁部落 

以上代码通过@import为网页引入了外部样式表,将字体颜色设置为红色。

实例二:

@import也可以在一个样式文件中引入其他样式文件,比如一个网站的代码量比较大,CSS样式表文件也比较庞大,就可以使用此方法把不同功能模块的样式代码放入各自样式表中,然后再通过@import引入到一个主样式表中。

@charset "utf-8";/* CSS Document */@import url("one.css");@import url("two.css");@import url("three.css");

注意:不过最好不要使用@import,因为使用它加载的样式文件会等到页面都加载完成再被加载,这样可能会导致页面浏览出现问题,建议使用标签替代,可以参阅CSS的link和@import的区别一章节。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0503/585.html

最为原始地址是:http://www.softwhy.com/

下载本文
显示全文
专题