id选择器:
#para1
{
text-align:center;
color:red;
}
class选择器:
.center {text-align:center;}
所有的 p 元素使用 class=”center” 让该元素的文本居中:
p.center {text-align:center;}
所有class内的P元素:
.class p{}
CSS 属性 选择器:
[title]
{
color:blue;
}
外部样式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
内联样式
<p style="color:sienna;margin-left:20px">这是一个段落。</p>
CSS 链接
a:link {color:#000000;}