层叠样式表的使用

在编写网页时，一般不推荐采用行内样式，因为这会加大代码量，并且大都为重复代码。通常我们使用标签选择器、类选择器以及ID选择器来进行页面的内部样式设置。

标签选择器：

例：

<style type=”text/css”>

h1 {font-size:20px;color:red;}

</style>

<h1>标签选择器</h1>

类选择器：

例：

<style type=”text/css”>

.nav {font-size:20px;color:red;}

</style>

<h1 class=”nav”>类选择器</h1>

ID选择器：

例：

<style type=”text/css”>

#menu {font-size:20px;color:red;}

</style>

<h1 id=”menu”>类选择器</h1>

将内部样式表存入到外部的一个css文件中，打开页面时再从外部导入，成为外部样式表，一般除了首页（加载速度快），其他页面都推荐使用外部样式表。

导入外部样式表的方法：

<link rel="stylesheet" href="css/06.css"/>

简写方式为：link>css+table

也可将外部样式表导入为内部样式表，例如：

<style type="text/css">

        @import "css/06.css;

</style>