css样式单的基本使用

链接外部样式文件

HTML文档中使用<link…/>元素来引入外部样式文件，引入外部样式文件应在<head…>元素中增加如下<link…/>子元素：

<link type="text/css" rel="stylesheet" href="CSS样式文件的URL">

导入外部样式文件

导入外部样式单的功能与链接外部样式单的功能差不多，只是语法上存在差别。导入外部样式单需要在<style…/>元素中使用@import来执行导入。
例如如下代码：

<style type="text/css">
   @import "outer.css";
   @import url(mycss.css);
</style>

使用@import的完整语法如下：

@import url (样式单地址) sMedia ;

使用内部样式文件

内部CSS样式需要放在<style…/>元素中定义，每个CSS样式定义与外部CSS样式文件的内容完全相同。<style…/>元素应放在<head…/>元素内，作它的子元素。
使用内部CSS样式定义的语法格式如下：

<style type="text/css">
    样式单文件定义
</style>

使用行内样式

定义行内CSS样式的语法格式如下：

style="property1:value1;property2:value2..."