定義CSS樣式的方法多種。
方法1，在<head>…</head>中定義，如下邊的CSS.
<head runat="server">
<style type="text/css">
body
{
font-family:verdana, sans-serif;
font-size:small;
}
<title>未命名頁面</title>
</head>
<style type="text/css">
body
{
font-family:verdana, sans-serif;
font-size:small;
}
<title>未命名頁面</title>
</head>
方法二，在<body>...</body>中直接用style定義，如下邊的CSS
<td style="position: absolute" width="100%">
方法三，把编辑好的CSS文档保存成“.CSS”文件，然后在<head>中定义。定义的格式如下
<link rel=stylesheet href=“CSS文件”>“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。这里是不需要變更。
href=‘style.css’為指定CSS文件。
如下邊代碼：
<head runat="server">
<link rel="stylesheet" href="style.css" />
</head>
<link rel="stylesheet" href="style.css" />
</head>
二、class和id的用法
在CSS中定義ID以“#”開頭；定義Class以“.”開頭。
定義格式分別為：
指定标签.类名 {属性:属性值}
.类名 {属性:属性值}
.类名 指定标签 {属性:属性值}
指定标签#类名 {属性:属性值}
#类名 {属性:属性值}
#类名 指定标签 {属性:属性值}
如下邊代碼：.类名 {属性:属性值}
.类名 指定标签 {属性:属性值}
指定标签#类名 {属性:属性值}
#类名 {属性:属性值}
#类名 指定标签 {属性:属性值}
<style type="text/css">
#navigation li
{
margin-left:1px;
width:120px;
}
.my_sytle
{
width:120px;
}
</style>
#navigation li
{
margin-left:1px;
width:120px;
}
.my_sytle
{
width:120px;
}
</style>
Class與ID區別：
class和id看上去区别仅仅是“.”和“#”，他们最大的区别在于：id选择符在每个页面只能使用一次，它是唯一的，而class可以随意无限次使用。