CSS样式表基础（七）——css基本选择器

9、CSS 基本选择器

1) 元素选择器
最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器，例如body、h1、p、div等……
具体yongf如下：
body{ background-color: #cff;}
h1,h2{ text-align: center;}
p { font-size: 16pt; color: red;}

2) 类选择器
类选择器以一个点号显示，使用中需要在标签内标记class=“classname”，然后css中选择就是一个“.”+classname。
例如：
p标签中标记 class = “abc”，故css中选择方法为：
.abc { color: blue; } 或 p.abc { font-size: 24pt; }

3) ID选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
id 选择器以 "#" 来定义
如：
p标签中标记 id= “xyz”，故css中选择方法为：
#xyz { color: #060; }

例：

<html>
<head>
<title>CSS</title>
<style>
body {
  background-color: #cff;
}
h1,h2 {
  text-align: center;
}
p {
  font-size: 16pt;
  color: red;
}
.abc {
  color: blue;
}
p.abc {
  font-size: 24pt;
}
#xyz {
  color: #060;
}
</style>
</head>
<body>
<h1>宜春学院</h1>
<h2 class="abc">HTML5网页设计</h2>
<p>这是第一段文字内容</p>
<p class="abc">这是第二段文字内容</p>
<p id="xyz">这是第三段文字内容</p>
</body>
</html>