1采用修改属性方式提供样式
    1.1代码重复——生产力不高
    1.2假设有一千个网页，重复代码写十次，那么重复了一万次
    1.3不好维护，列如要修改某个样式，需要修改1万个地方
    这就是产生css的原因：纯粹的html在数量多时修饰不易修改
    css解决：将重复的修饰标签集中到一个文件中
    尝试：

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6.     <link href="css.css" rel="stylesheet">
    7. </head>
    8. <body>
    9. <p>
    10. 1采用修改属性方式提供样式<br>
    11. 1.1代码重复----生产力不高<br>
    12. 1.2假设有一千个网页，重复代码写十次，那么重复了一万次<br>
    13. 1.3不好维护，列如要修改某个样式，需要修改1万个地方<br>
    14. 这就是产生css的原因：纯粹的html在数量多时修饰不易修改<br>
    15. css解决：将重复的修饰标签集中到一个文件中
    16. </p>
    17. </body>
    18. </html>
    p{
    font-size:100px;
    color:red;
}

    image.png
    字体变为红色，100像素，仅限于p标签内容
    style为内联标签，写在头标签中

    <style>
    li{
        color:blue;
    }
</style>

    ul li{
    }表示

    • 标签下的内容
      列:

      <ul>
<li>1.1代码重复----生产力不高<br></li>
<li>1.2假设有一千个网页，重复代码写十次，那么重复了一万次<br></li>
<li>1.3不好维护，列如要修改某个样式，需要修改1万个地方<br></li>
</ul>

      css也要适当控制，css文件大传输时间长浏览器读取慢
      多个css作用会产生叠加
      优先级：
      规定css冲突时style优先
      有！import的style优先