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文件怎样在网页中显示?的详细内容,更多请关注易知道|edz.cc其它相关文章!