lovecoding
/
VIPJAVA


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445
							<!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>