添加css样式的三种方法
发布时间：2015-05-12 来源：查字典编辑
摘要：一，行内式样式（InlineStyle）即使用style属性，将CSS直接写在HTML标签中。例如：这行段落将显示为红色。注意：style属...
一，行内式样式（Inline Style）
即使用style属性，将CSS直接写在HTML标签中。
例如：<p style="color:red">这行段落将显示为红色。</p>
注意：style属性可以用在<body>内的所有（X）HTML标签上，但不能应用与<body>以外的标签，如<title><head>等标签。
二，嵌入式样式表（Embedded Style Sheets）
嵌入式样式表使用“<style></style>”标签嵌入到（X）HTML文件的头部中，代码如下：
<head>
<style type="text/css">
<!--
.class{
color:red;
}
-->
</style>
</head>
注意：对于一些不能识别<style>标签的浏览器，使用（X）HTML的注释标签<!-- 注释文字 -->把样式包含进来。这样，不支持<style>标签的的浏览器会忽略样式内容，而支持<style>标签的浏览器会解读样式表。
三，外部样式表（Link Style Sheets）
在<head>标签内使用<link>标签将样式表文件连接到（X）HTML文件中。
代码如下：
<head>
<link style="stylesheet" href="myclass.css" type="text/css" />
</head>