当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > 链接外部CSS样式

链接外部CSS样式

2012/11/23 16:39:55作者:佚名来源:网络

移动端

【实例介绍】

链接外部CSS样式

链接外部css样式表的方法是在<head>内使用<link>标记符。若已有若干css外部文件,则在HTML文档中用下列代码即可将CSS文档引入,然后在<body>部分直接使用CSS中的定义。这种方法最适合大型网站的CSS样式定义。

【基本语法】

<link  type="text/css"  rel="stylesheet"  href="外部样式表的文件名称">

【语法介绍】

(1)href的值指定CSS文档所在的位置,即URL。
(2)可选的TYPE属性用于指定媒体类型,目前支持teXt/css和text/jaVaScrit这两种类型,它允许浏览器忽略它们不支持的样式类型,让CSS的使用更安全。

【实例代码】

<head>
···
<link  rel=stylesheet  type=text/css  href=slstyle.css>
···
</head>

【代码分析】

上面这个例子表示浏览器从slstyle.cSs文件中以文档格式读出定义的样式表。rel=stylesheet是指在页面中使用外部的样式表,type=text/css是指文件的类型是样式表文件,href=slstyle.css是文件所在的位置。

标签: CSS