17 . 在 HTML 中嵌入 CSS -- 定义CSS样式

CSS:Cascading Style Sheets(层叠样式表)

有三种方式可以在XHTML页面中嵌入CSS.参见CSS教程.

在head标签中加载一个CSS文件

<head>
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>

此例使用了link标签.

abbr 
{
	font-size:12px;
}
.text10pxwhite 
{
	font-size:10px;
	color: #FFFFFF;
}

style.css的内容

<head>
	<style type="text/css">
	abbr 
	{
		font-size: 12px;
	}
	.text10pxwhite 
	{
		font-size: 10px;
		color: #FFFFFF;
	}
	</style>
</head>

此例使用了style标签.

两种方法是殊途同归的(但是推荐使用第一种方法,在CSS教程中我将告诉你为什么).

<p style="font-size: 12px;color: #000;">使用css</p>

此例使用了标签的style属性.