如何在网页里使用 CSS

1、直接添加在HTML的标识符(tag)里（不推荐使用）

<p style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 19px; color: #ff9900;">CSS</p>

以上代码呈现的效果:

CSS

这种方法虽然简单易用，但无法展现出样式表的优势：缩短修改时间提高工作量,实际上与原本的HTML 无多大区别，只是换了种写法。

2、添加在HTML的头信息标识符里：

 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>CSS</title>
<style type="text/css">
body {background:#FFFF33;
background-image:inherit;

font-family:Geneva,Arial, Helvetica, sans-serif;
font-size:12px;

/*注释部分*/
}
</style>
</head>

type=”text/css”表示样式表采用MIME类型，帮助不支持CSS的浏览器过滤掉CSS代码，避免在浏览器面前直接以源代码的方式显示我们设置的样式表。/**/为注释CSS的标识符。
这是常见的使用方法了，但是我还是推荐用第三种方法，那这儿的CSS 样式放到一个 .CSS 的文件里，坐外部调用。

3、 链接样式表 添加在HTML的头信息标识符里:

< head>

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

style.css是单独保存的样式表文件，其中不能包含< style>标识符，并且只能以css为后缀。一个使用连接样式表的方式的Web站点，如果需要修改Web站点页面的话只需要修改几个CSS文件就可以使整个Web，页面更新、缩短了修改时间和提高了工作量。

Jquery Plugins

CSS Examples