浅析CSS编程的外部CSS文件引用方法
发布时间：2015-08-26 18:17:28 作者：佚名 
我要评论
我要评论这篇文章主要介绍了CSS编程的外部CSS文件引用方法,是CSS入门学习中的基础知识,需要的朋友可以参考下
CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件.
外部引用相对于内部引用和内联引用来说是高效的是节省宽带的.
外部引用是W3C推荐使用的.
外部引用CSS是最好的引入CSS的方式(可以使代码量最小,表现最统一,也是标准网页设计推荐的).内联引用(直接在HTML标签中使用)虽然是一种快捷的方式(除了层叠的情况,高级教程中我会介绍层叠),但是不利于以后的统一修改和表现的一致性,所以不提倡使用.
使用 link 标签引用CSS
示例
CSS Code复制内容到剪贴板
- <head>
- <link rel="stylesheet" type="text/css" href="http://www.dreamdu.com/style.css" />
- </head>
使用 @import 引用CSS
示例
CSS Code复制内容到剪贴板
- <head>
- <style type="text/css">@import url(http://www.dreamdu.com/style.css);</style>
- </head>
相对路径与绝对路径
加载文件的时候可以使用相对路径或者绝对路径
绝对路径:文件的完整路径,主页上的文件或目录在硬盘上真正的路径
http://www.dreamdu.com/html/default.html就是绝对路径,/html/default.html也是绝对路径,C:winntsystem.sys也是绝对路径
相对路径:相对于我们查看文档的路径
../default.html或者default.html或者../../default.html都是相对路径
相关文章
- 目前有两种引用方式，一种是通过在head里面的link来引用，另外一种是直接通过import来引用，示例代码如下，需要的朋友不要错过2014-08-06
- javascript和css文件中采用相对路径，其基准路径是完全不同的，下面为大家介绍下CSS与JS中的相对路径引用，不了解的朋友可以参考下2014-05-19
- CSS都是正确的，链接也没有出错的话，为什么偏偏CSS样式不生效2011-07-22
- js与css的引用方法，都是基础的东西。2011-06-23
- Photoshop制作CSS网页制作的背景图.2010-01-21
- 看到淘宝网页中这样写使用的是import,而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？2009-11-19
- 通常，我们的页面都是引用了很多样式文件，同时样式文件给我们的页面设置了很多背景图片。但是这里有个小细节容易忽视。图片的referer来源处理存在浏览器的差异。2009-07-29
- 网页制作Webjx文章简介：这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。 有很多网页中的CSS链接与引用是这样写的：2009-04-02
- 这篇文章主要介绍了CSS的四种引用方式,需要的朋友可以参考下2018-09-07
最新评论