前端开发

 首页 > 前端开发 > css教程 > CSS编程的外部CSS文件引用方法

CSS编程的外部CSS文件引用方法

分享到:
【字体:
导读:
          CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件. 外部引用相对于内部引用和内联引用来说是高效的是节省宽带的. 外部引用是W3C推荐使...

CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件.


外部引用相对于内部引用和内联引用来说是高效的是节省宽带的.


外部引用是W3C推荐使用的.


外部引用CSS是最好的引入CSS的方式(可以使代码量最小,表现最统一,也是标准网页设计推荐的).内联引用(直接在HTML标签中使用)虽然是一种快捷的方式(除了层叠的情况,高级教程中我会介绍层叠),但是不利于以后的统一修改和表现的一致性,所以不提倡使用.


使用 link 标签引用CSS


示例


   
       

 

使用 @import 引用CSS


示例

   
    @import url(http://www.dreamdu.com/style.css);   

相对路径与绝对路径


加载文件的时候可以使用相对路径或者绝对路径

绝对路径:文件的完整路径,主页上的文件或目录在硬盘上真正的路径

http://www.dreamdu.com/html/default.html就是绝对路径,/html/default.html也是绝对路径,C:winntsystem.sys也是绝对路径

相对路径:相对于我们查看文档的路径

../default.html或者default.html或者../../default.html都是相对路径


分享到:
CSS :active 伪类 元素被激活时的样式
:active -- CSS :active 伪类,适用于一个元素被激活时的样式 语法: :active CSS版本:CSS1 说明: 适用于一个元素被激活时的样式,例如鼠标在此元素的区域内按下但还没有释放时 客户端(浏览器)可以根据用户与其交互的动作改变其渲染效果,CSS为这种情况提供了三个伪类:hover、active、focus 上述三种伪类不是互斥...
CSS实现菜单背景自适应宽度的方法
本文实例讲述了CSS实现菜单背景自适应宽度的方法。分享给大家供大家参考。具体如下: 为了让菜单看上去更漂亮一些,我们都喜欢用图片去修饰菜单的背景,如果是规则图片,那很好实现,但是如果菜单的背景是不规则的,我们应该如何让它的宽度随着菜单的文字多少而自动适应宽度变化呢?通过这个菜单实例,你将会明白其中的原...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……