首页 > 代码库 > HTML中使用CSS -- 定义CSS样式

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

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

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

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

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

示例

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

此例使用了style标签.

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

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

示例

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

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