css文件怎样在网页中显示?

css文件怎样在网页中显示?下面本篇文章给大家介绍一下在网页中添加外部CSS样式表的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

1、@import指令引入外部样式表

@import指令必须放在样式表(包括<style>或其他外部样式表)开头,还可以加可选的文档标记,标明用于什么媒体,例如:

...
<head>
   ...
  <style type="text/css">
       @import url(mystyle.css) screen
        ...
   </style>
</head>
...

2、<link>标签引入外部样式表

<link>标签引入外部样式表,把css文件的位置路径指定给其href属性。<link>标记需放到html文档的<head>里,也能加可选的文档标记,标明用于什么媒体。例如:

...
<head>   
...
<link rel="stylesheet" type="text/css" href="mystyle.css" media="screen"/>
...
</head>

说明:

  • href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。

  • type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CS样式表。

  • rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。

外链式是使用频率最高是最实用的CSS样式表,因为它将HTML代码与CSS代码分离为两个或多个文件,实现了将结构和样式完全分离,使得网页的前期制作和后期维护都十分方便。

更多web前端知识,请查阅 HTML中文网 !!

以上就是css文件怎样在网页中显示?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏