1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <meta charset="utf-8">
    5.         <title></title>
    6.         <!-- 方式二 -->
    7.         <style>
    8.             /* p标签选择 */
    9.             p{
    10.                 color: yellow;
    11.                 font-size: 25px;
    12.                 font-weight: bold;
    13.             }
    14.         </style>
    16.         <!-- 方式三：外部式 连接式  rel:引入文件和当前文件的关系 -->
    17.         <link rel="stylesheet" type="text/css" href="css/CSS_1.css">
    19.         <!-- <style>
    20.             /* 方式四：导入样式（了解即可） */
    21.             @import url("css/CSS_1.css");
    22.         </style> -->
    23.     </head>
    24.     <body>
    25.         <!-- 方式一：行内样式 键：值 -->
    26.         <p style="color:red">我们不一样</p>
    28.         <!-- 方式二：style内嵌式 -->
    29.         <!-- <p>我们不一样</p>
    30.         <p>我们不一样</p> -->
    31.         <!-- <p style="colot:red">我们不一样</p> -->
    32.     </body>
    33. </html>
    35. <!-- css中的引入方式的优先级：就近原则 -->
    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p>我们不一样</p>
        <p>我们不一样</p>
        <p>我们不一样</p>
    </body>
</html>

    p{
    /*字体风格*/
    font-family: 宋体;
    /*字体样式  斜体*/
    font-style: italic;
    color: green;
}

    image.png