创建样式和样式表

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标签。