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>
      .c-author {
        display: flex;
        justify-content: right;
      }

      .c-img { 
            display: flex;
            justify-content: center;
            align-items: center;
      }

      .c-video { 
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 20px auto;
      }

      /* 视频响应式调整 */
      .c-video video {
            max-width: 100%; /* 视频最大宽度为100% */
            height: auto;    /* 高度自动调整 */
      }

      .c-title {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            border-bottom: 1px solid #ccc;
      }

      .c-content-text {
            max-width: 800px; /* 最大宽度限制,避免大屏幕过宽 */
            width: 90%; /* 小屏幕下占90%宽度 */
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      }

      h1 {
            display: flex;
            justify-content: center;  
            text-align: center;
            padding: 20px; 
      }

      .c-author-name {
            display: flex;
            justify-content: center;
            color: gray;
      }

      /* 图片响应式调整 */
      .c-img img {
            max-width: 100%;
            height: auto;
      }
    </style>
</head>
<body>
    <div class="c-content-text">
        <!-- 标题 居中 --> 
        <div class="c-title"> 
            <h1>蒋飞:美国经济开启衰退模式</h1>
            <p class="c-author-name">2023年03月24日16:17 作者:蒋飞</p>
        </div>

        <div class="c-video">
            <video controls>
                <source src="video\1.mp4" type="video/mp4">
                Your browser does not support the video tag.
            </video>
        </div>

        <p>美国经济在经历了2022年的高通胀和加息后,已经开始显现出衰退的迹象。以下是一些关键的经济指标和事件,表明美国经济正在进入衰退模式。</p>
        <div class="c-img">
            <img src="img\1.png" alt="">
        </div>

        <p>经历2022年以来持续加息的影响,美国部分经济指标回落速度正在加快。首先,M2同比增速已经降至1月的-1.73%,与去年同期的11.74%相比已经大幅收缩。同时CPI同比增速也从去年6月最高点的9.1%回落至2月份的6%。</p> 
        <div class="c-img">
            <img src="img\2.png" alt="">
        </div>

        <p>其次,2022年12月,美国20大中城市房价环比-0.93%,同比回落至4.65%,较最高点21.29%大幅下降。目前美国房贷利率依然高达6.66%,根据房贷利率领先房价增速大约9个月的规律,美国房价还将继续下跌。</p> 
        <div class="c-img">
            <img src="img\3.png" alt="">
        </div>

        <p>再者,美国零售和食品服务销售额同比增速已经下滑至2月的5.39%,处于2021年以来的最低增速;制造业PMI指数也已经连续两个月跌破48%,从2000年以来,美国制造业PMI有5次跌破并持续位于48%以下,均发生了经济衰退。</p>
        <div class="c-img">
            <img src="img\4.png" alt="">
        </div>

        <p>商业银行危机爆发,流动性继续紧张。随着加息效果的逐渐显现,部分银行出现了流动性问题。比如硅谷银行,其主要存款客户都是科技创业公司。在一级融资市场收紧的情况下,这些公司开始取出存在硅谷银行的存款,而这些存款被硅谷银行投资到持有到期的证券上。由于存款规模较大,证券账面处于亏损状态,造成恐慌和挤兑,进而演变成区域性银行危机。3月8日,美国加息货币友好银行Silvergate宣告停止运营,清算资产。3月10日,美国硅谷银行被联邦存款银行保险公司(FDIC)介入接管,中止运营。3月12日,Signature Bank被监管机构关闭。美联储加息以来,美国商业银行证券投资普遍亏损,目前危机还未结束。</p>
        <div class="c-img">
            <img src="img\5.png" alt="">
        </div>

        <p>3月9日,美国拜登政府公布了2024财年财政预算案,预计国会两党将展开激烈争辩。拜登政府对2024财年提出了6.88万亿美元的预算总额,较2023财年的6.37万亿增长了8%(5100亿美元)。2024财年预算收入5.04万亿美元,较2023年财年4.80万亿增加了5%(2400亿美元)。这意味着,美国仍有2700亿美元的预算赤字。</p>
        <div class="c-img">
            <img src="img\6.png" alt="">
        </div>

        <div class="c-author">
            责任编辑:宋源珺
        </div>
    </div>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值