CSS的编写格式是键值对形式的

如：color：red（冒号左边是属性名，冒号右边是属性值）
1>CSS的3中书写格式
行内样式：（内嵌样式）直接在标签style属性中书写
<body style="color:red;">

<!--设置背景颜色-->
<body style="background-color: #b3d4fc;">   
 <!--行内样式-->
</body>

设置背景颜色

<body>    
<!--行内样式--> 
 <div style="font-size: 30px; color:red; background-color: #b3d4fc">糖糖</div>   
 <p style="font-size: 24px; color:bisque; background-color: aqua">个人博客</p>
</body>

界面展示

页内样式：在本网页的style标签中书写

<html lang="en">
<head>    
     <meta charset="UTF-8">   
     <title>页内样式</title>  
      <!--页内样式:符合统一样式的应用-->
      <style>       
       div{       
             font-size: 30px;   
             color: red;       
             background-color: #b3d4fc;  
        }   
      
       p{           
             font-size: 24px;   
             color:rebeccapurple;  
              background-color: red;   
       }    
      </style>
</head>
<body>   
         <div>糖糖</div>   
         <p>个人博客</p>
</body>
</html>

界面展示

外部样式：在单独的CSS文件中书写，然后在网页中用link标签引用

新建一个文件：index.css(固定名称)，新建的时候你是找不到css后缀的，选择第一个新建file然后自己写上css后缀就可以了
div{    
      color: darkred;    
      /*字体样式*/   
       font-family: "Apple Braille"; 
       font-size: 30px;
  }

p{    
        color: #b3d4fc;  
        font-size: 24px;
 }


需要用到的地方运用外部样式进行引用
<html lang="en">
<head>   
       <meta charset="UTF-8"> 
       <title>外部样式</title>  
       <link rel="stylesheet" href="dist/css/index.css">
</head>
<body>    
    <div>111111111111111111</div>    
    <p>2222222222222222222</p>
</body>
</html>