css中的样式(或者规则)由两部分组成:选择器和声明块。每个声明块里面可以包含多条声明,它们之间由分号分隔。如下图所示:
链接外部样式表
外部样式表可以使网页打开的速度更快。但是浏览器在下载外部样式表的时候,还会在访问者的计算机上保存这个文件(一个被称为高速缓存的文件),以便下次能够更快的访问,当浏览者跳到该网站上使用同一个样式表的网页时,就不用下载,可以直接去这个告诉缓存里面读取。
外部样式表的链接有两种方式,第一种为link方式:
<link rel = "stylesheet" type = "text/css" href = "main.css" />
第二种方式为@import指令:
<style type = "text/css">@import url(main.css);
</style>
这里需要注意的是,@import是css语法的一部分,而且这里指定的链接用url,而不是href。url里面的路径要用括号括起来,可以添加引号,
如url("main.css")。并且@import语句后面还可以放置其他css样式。与使用link标签一样,可以使用多个@import标签。