• vs code

    两个学习网站：mdn、菜鸟教程

    格式参数

    • width  宽度
    • height 高度
    • margin 边距（外边距），设置盒子和其他盒子之间的距离
    • border  边框，默认透明
    • padding 填充（内边距），设置文字和盒子边框之间的距离

    vs code常用快捷键

    • Ctrl+d ：选中下一个相同字符，可以同时修改
    • Alt+鼠标左键 ：添加光标，可同时输入
    • Alt+Shift+ ↓ ：快速将当前行复制到下一行
    • Ctrl+f ：查找

    我的第一个网站 

    1. html>
    2. <html lang="zh-CN">
    3.   <head>
    4.     <meta charset="utf-8" />
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    6.     <meta name="viewport" content="width=device-width, initial-scale=1" />
    7.     <title>祝我的小可爱生日快乐title>
    8.     <style>
    9.       body {
    10.         margin: 0;
    11.       }
    12.     style>
    13.   head>
    14.  
    15.   <body>
    16.     <div style="background-color: #f1f1; text-align: center; padding: 40px">
    17.       <p>是我的小可爱呀p>
    18.     div>
    19.     <div
    20.       style="
    21.         max-width: 700px;
    22.         margin: 30px auto;
    23.         padding: 15px;
    24.         line-height: 1.7;
    25.         color: red;
    26.       "
    27.     >
    28.       <p>my onlyp>
    29.       <p>又长大一岁了p>
    30.       <p>以后还会有很多很多的生日p>
    31.       <p>希望你的身边一直是我p>
    32.     div>
    33.     <div style="background-color: #f1f1; text-align: center; padding: 40px">
    34.       <p>我的第一个网站p>
    35.     div>
    36.   body>
    37. html>

    给小可爱的生日网站

    1. html>
    2. <html lang="zh-CN">
    3.   <head>
    4.     <meta charset="utf-8" />
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    6.     <meta name="viewport" content="width=device-width, initial-scale=1" />
    7.     <title>祝晚香的小可爱生日快乐title>
    8.     <style>
    9.       body {
    10.         margin: 0;
    11.         height: 100vh;
    12.         background-color: rgb(239, 189, 189);
    13.       }
    14.     style>
    15.   head>
    16.  
    17.   <body>
    18.     <img
    19.       src="https://img0.baidu.com/it/u=2357183690,3647395557&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=572"
    20.       alt="是我的乂乂哦"
    21.       width="487"
    22.       height="557"
    23.     />
    24.     <p style="color: rgb(226, 72, 61)">
    25.       <b>To:b>
    26.       <b>旭旭宝宝b>
    27.     p>
    28.     <p style="text-align: center">恭喜我的小可爱又长大一岁啦p>
    29.     <p style="text-align: center">离成年又近了一步 ^-^p>
    30.     <p style="text-align: center">未来还会有很多很多的生日p>
    31.     <p style="text-align: center">希望每一次都是我陪你哦p>
    32.     <p style="text-align: center">超级超级喜欢你p>
    33.     <p style="color: rgb(92, 142, 217); text-align: end">
    34.       <b>From:晚香zxb>
    35.     p>
    36.     <p> p>
    37.   body>
    38. html>

  • 相关阅读:
    Zabbix 5.0部署（centos7+server+MySQL+Apache）
    014python-内置函数
    第5章 uin-app本地主机数据跨域(Cors)数据交互实现
    配置fail2ban的记录
    2.1基本算法之枚举1812:完美立方
    ESP32/ESP8266自动下载电路波形，ESP32/ESP8266不能UART流控自动下载的解决方法
    Linux_一款好用的查看系统信息的桌面软件_包名hardinfo、软件名system profiler and Benchmark
    Springboot集成Quartz
    2024最新计算机设计大赛选题推荐
    解决Vue中ecahrts组件不能自适应问题
  • 原文地址：https://blog.csdn.net/wanxiangzx/article/details/126737663