非零基础自学前端最后一遍一 HTML+CSS 4 邂逅CSS 4.3 CSS的注释和建议

àì夳堔傛蜴生んèń 2024-03-25 09:25 34阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  4 邂逅CSS
         *   *  4.3 CSS的注释和建议
             *   *  4.3.1 CSS的注释

![在这里插入图片描述][e172d27a71a14e46809adeb90711bee8.png_pic_center]

#### 一 HTML+CSS ####

#### 4 邂逅CSS ####

##### 4.3 CSS的注释和建议 #####

###### 4.3.1 CSS的注释 ######

CSS代码也可以添加注释来方便阅读：

*  CSS的注释和HTML的注释是不一样的；
 *  /\* 注释内容 \*/

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <style>
        /* div增加的样式 */
        div {
          
          /* 设置div的字体大小 */
          font-size: 24px;
          /* 设置div的宽度 */
          width: 200px;
          /* 设置div的高度 */
          height: 200px;
        }
      </style>
    </head>
    
    <body>
      <div>Hello</div>
    </body>
    
    </html>

![在这里插入图片描述][7e397596eea94a6598fb614dbfdb19af.png_pic_center]

[e172d27a71a14e46809adeb90711bee8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/34a1d56cf15a45a8989b3398cf4c171d.png
[7e397596eea94a6598fb614dbfdb19af.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/b436878d57b34202be79815f1202f936.png