育路网学员服务电话:021-64691126

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

作者:  发布时间:2015-10-28  来源:三联

  CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件.怎么引用CSS外部文件呢,育路_上海计算机培训网为大家带来如下方法。

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

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

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

  使用 link 标签引用CSS

  示例

  1. <head>
  2. <link rel="stylesheet" type="text/css" href="http://www.dreamdu.com/style.css" />
  3. </head>  

  CSS Code复制内容到剪贴板

  使用 @import 引用CSS

  示例

  CSS Code复制内容到剪贴板

  1. <head>
  2. <style type="text/css">@import url(http://www.dreamdu.com/style.css);</style>
  3. </head> 

  相对路径与绝对路径

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

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

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

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

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

  相关课程推荐:高级网页互动设计长期学历班

更多

更多上海计算机信息请访问:上海计算机培训网
上海计算机培训咨询电话:021-51602254
课程搜索:
免责声明
① 由于各方面情况不断调整与变化,育路网所提供的所有考试信息仅供参考,请考生以权威部门公布的正式信息为准。
② 本站注明稿件来源为其他媒体的文/图等稿件均为转载稿,本站转载出于非商业性的教育和科研之目的,并不意味着 赞同其观点或证实其内容的真实性。如转载稿涉及版权等问题,请作者在两周内速来电或来函联系。
③ 凡本站注明“稿件来源:上海育路网”的所有文字、图片和音视频稿件,版权均属本网所有,任何媒体、网站或个 人未经本网协议授权不得转载、链接、转贴或以其他方式复制发表。已经本站协议授权的媒体、网站,在下载使用时必 须注明“稿件来源:上海育路网”,违者本站将依法追究责任。
论坛话题
关于育路 | 企业理念 | 诚聘英才 | 商务合作 | 网站声明
全国免费热线:400-631-6616、021-51860462 邮箱:sh_yuloo#163.com (发送邮件时请将#换成@)
@2006-2016上海育路网络科技有限公司版权所有
网站备案:京ICP备10025267号-13 | 京公网安备110108904040号
友荐云推荐