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

直接把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属性.

延伸阅读

向上 / 上一页 / 下一页 / 教程列表