补充CSS：三种类型样式表

最新推荐文章于 2022-10-16 21:17:04 发布

大雄先生

最新推荐文章于 2022-10-16 21:17:04 发布

阅读量350

点赞数 1

文章标签： css html 前端经验分享

本文链接： https://blog.csdn.net/x1785551/article/details/121808076

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>


       <style type="text/css">
           /* 以下代码会按CSS去解析 */
           h1{
               color: blue;
               font-size: 30px;
               font-weight: 900;

           }
           .red{
               width: 100px;
               height: 100px;
               background-color: #FF0000;
           }
           .green{
               width: 100px;
               height: 100px;
               background-color: #008000;
           }

</style>
       
       <link href="css/demo01.css" type="text/css" rel="stylesheet" />
   </head>
   <body>

       
       <p style="color: #FF0000; font-size: 24px; font-weight: 900;">段落一</p>
       <h1 style="color: pink;">标题一</h1>
       <div style="height: 500px; background-color: red;"></div>
       <div class="green"></div>
       <div class="red"></div>

       <aqua>加粗文字</aqua>

</body>
</html>