链接外部样式文件
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..."