css的定義是有兩個部分組成
body{
樣式
}
#在{}之前的部分是“選擇器”，“選擇器”指明了{}中的“樣式”的作用對象，也就是“樣式”作用於網頁中的哪些元素
body 是html 元素，所以我們也稱為元素選擇器
div table span 等，
下面我們請看實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>元素选择器</title>
<style type="text/css">
p{
color:red;
}
div{
color:red;
}
span{
color:red;
}
</style>
</head>
<body>
<p>中国</p>
<div>美国</div>
<span>日本</span>
</body>
</html>註：如果正文中有很多標籤，需要有相同的樣式，那我們在css樣式中就要寫很多重複的程式碼，這樣頁面就會不整潔，下面我們使用一種方法來寫，程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>元素选择器</title>
<style type="text/css">
p,div,span{
color:red;
}
</style>
</head>
<body>
<p>中国</p>
<div>美国</div>
<span>日本</span>
</body>
</html>這樣寫效果和上面的一樣，但是程式碼就會很整潔
下一節