15 . 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的内容

直接把CSS内容写在HTML文件的head标签中

示例

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

此例使用了style标签.

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

使用style属性对标签加载样式

示例

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

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

15 . HTML中使用CSS -- 定义CSS样式

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

示例

直接把CSS内容写在HTML文件的head标签中

示例

使用style属性对标签加载样式

示例

延伸阅读