<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
/*
选择器: 选中元素
元素选择 标签 h1{}
class 选择器 选择多个
id 选择器 #
*/
h1 {
color: red; font-size: 12px;
}
.p1{
text-align: center;
color: yellow;
font-size: 16px;
}
#p2{
font-size: 16px;
}
</style>
<body>
<h1>你好 css</h1>
<p class="p1">你好 css1</p>
<p class="p1">你好 css2</p>
<p class="p1">你好 css3</p>
<p class="p1">你好 css4</p>
<p id="p2" >你好 css5</p>
</body>
</html>