1025作业

<!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>
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3729002_kfx9vnojk6r.css">
    <style>
        /* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
    /* @font-face {
    font-family: 'iconfont';  /* Project id 3729002 *
    src: url('//at.alicdn.com/t/c/font_3729002_kfx9vnojk6r.woff2?t=1666773097191') format('woff2'),
        url('//at.alicdn.com/t/c/font_3729002_kfx9vnojk6r.woff?t=1666773097191') format('woff'),
        url('//at.alicdn.com/t/c/font_3729002_kfx9vnojk6r.ttf?t=1666773097191') format('truetype');
    } */
    /**
     * !声明自定义文字样式
     */
    .font.unicode {
        font-family: iconfont;
        font-size: 5rem;
        color: aquamarine;
        text-shadow: 0px 0.0625rem 0.0625rem black;
    }
    .iconfont.class{
        font-family: iconfont;
        font-size: 5rem;
        color: violet;
        text-shadow: 0px 0.0625rem 0.0625rem black;
    }
    /* 确定媒体大小 */
    /* @media (max-width:375px) {
        html{
            font-size: 12px;
        }
    }
    @media (min-width:375px) and (max-width: 454px) {
        html{
            font-size: 18px;
        }
    } */
    @media (min-width:415px) {
        html{
            font-size: 15px;
        }
    }
    /*  */
    </style>
</head>
<body>
    <span class="icon-shezhi iconfont class"></span>
    <svg t="1666700175938" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="939" width="200" height="200"><path d="M580.9152 501.2992l266.5472-257.4336c-78.9504-101.888-202.3936-167.5264-341.248-167.5264-238.3872 0-431.616 193.2288-431.616 431.616 0 238.3872 193.2288 431.616 431.616 431.616 147.712 0 278.0672-74.2912 355.8912-187.4432l-281.1904-250.8288z" fill="#644CF2" p-id="940"></path><path d="M832.6656 725.8624l-251.7504-224.5632 0.0512-0.0512-29.44-26.2144 266.5472-257.4336a442.8288 442.8288 0 0 0-39.1168-43.9808c-74.3424-60.7744-169.2672-97.28-272.7936-97.28-238.3872 0-431.616 193.2288-431.616 431.616 0 120.7808 49.664 229.9392 129.6384 308.2752 74.3424 60.6208 169.216 97.024 272.64 97.024 147.712-0.0512 278.016-74.24 355.84-187.392z" fill="#6B55F3" p-id="941"></path><path d="M786.7392 189.7984a447.86688 447.86688 0 0 0-25.6-30.0544c-71.424-52.4288-159.5392-83.4048-254.976-83.4048-238.3872 0-431.616 193.2288-431.616 431.616 0 113.6128 43.9808 216.9344 115.7632 294.0416 71.4752 52.48 159.6416 83.5072 255.1296 83.5072 147.712 0 278.0672-74.24 355.8912-187.4432L520.192 447.232l266.5472-257.4336z" fill="#6C62F4" p-id="942"></path><path d="M454.8608 885.3504c-103.8848-41.5232-166.3488-121.1392-183.808-196.096-66.6624-260.8128 103.936-384.3072 245.9648-433.3568 97.3312-33.5872 131.7376-107.6224 143.7696-150.9376-48.0256-18.4832-100.1472-28.6208-154.6752-28.6208-238.3872 0-431.616 193.2288-431.616 431.616 0 113.6128 43.9808 216.9344 115.7632 294.0416 71.4752 52.48 159.6416 83.5072 255.1296 83.5072l9.472-0.1536z" fill="#6E6EF9" p-id="943"></path><path d="M856.9344 492.544m-93.3888 0a93.3888 93.3888 0 1 0 186.7776 0 93.3888 93.3888 0 1 0-186.7776 0Z" fill="#FEB10D" p-id="944"></path><path d="M763.5456 492.544c0 22.8352 8.2432 43.776 21.8624 60.0064 15.6672 13.0048 35.84 20.8384 57.8048 20.8384 50.0224 0 90.624-40.5504 90.624-90.624 0-32.768-17.4592-61.44-43.5712-77.312-10.3424-3.9424-21.5552-6.2464-33.3312-6.2464-51.5584 0-93.3888 41.7792-93.3888 93.3376z" fill="#FEC00D" p-id="945"></path><path d="M890.2656 405.4016c-10.3424-3.9424-21.5552-6.2464-33.3312-6.2464-51.5584 0-93.3888 41.8304-93.3888 93.3888 0 20.736 6.8096 39.7824 18.2272 55.296 14.5408 9.8816 32.0512 15.7184 50.944 15.7184 50.0224 0 90.624-40.5504 90.624-90.624 0-23.552-9.0624-44.9536-23.808-61.0304-2.9184-2.3552-6.0416-4.5056-9.2672-6.5024z" fill="#FFC943" p-id="946"></path><path d="M888.064 439.1424c0-13.1584-2.9184-25.6-7.9872-36.9152-7.424-1.9456-15.1552-3.072-23.1424-3.072-51.5584 0-93.3888 41.8304-93.3888 93.3888 0 11.5712 2.2016 22.5792 6.0416 32.768 8.7552 2.8672 18.1248 4.4032 27.8528 4.4032 50.0736 0.0512 90.624-40.5504 90.624-90.5728z" fill="#FCD170" p-id="947"></path><path d="M458.1376 447.488h-53.248V394.24c0-32.512-26.4192-58.9312-58.9312-58.9312S287.0272 361.728 287.0272 394.24v53.248h-53.248c-32.512 0-58.9312 26.4192-58.9312 58.9312s26.4192 58.9312 58.9312 58.9312h53.248v53.248c0 32.512 26.4192 58.9312 58.9312 58.9312s58.9312-26.4192 58.9312-58.9312v-53.248h53.248c32.512 0 58.9312-26.4192 58.9312-58.9312S490.6496 447.488 458.1376 447.488z" fill="#644CF2" p-id="948"></path><path d="M458.1376 461.2608H391.168V394.24c0-24.9344-20.2752-45.1584-45.1584-45.1584s-45.1584 20.2752-45.1584 45.1584v67.0208h-67.072c-24.9344 0-45.1584 20.2752-45.1584 45.1584s20.2752 45.1584 45.1584 45.1584h67.0208v67.0208c0 24.9344 20.2752 45.1584 45.1584 45.1584s45.1584-20.2752 45.1584-45.1584v-67.0208h67.0208c24.9344 0 45.1584-20.2752 45.1584-45.1584s-20.224-45.1584-45.1584-45.1584z" fill="#DCD9FF" p-id="949"></path><path d="M456.3968 477.2352H373.3504V397.2608c0-15.5648-12.5952-28.16-28.16-28.16s-28.16 12.5952-28.16 28.16v79.9744H233.984c-15.5648 0-28.16 12.5952-28.16 28.16s12.5952 28.16 28.16 28.16h83.0464v82.0224c0 15.5648 12.5952 28.16 28.16 28.16s28.16-12.5952 28.16-28.16v-82.0224h83.0464c15.5648 0 28.16-12.5952 28.16-28.16s-12.5952-28.16-28.16-28.16z" fill="#F7F8F8" p-id="950"></path></svg>
    <p class="font unicode">&#xe8b8;</p>
    <p>
        @font-face{
            font-family : "定义字体名称"，<br>
            url("url 地址")
        }
    </p>
    <p>
        媒体查询顺序：<br>  
    1 移动端由小到大写<br>
    2 PC 由宽到窄
    </p>
</body>
</html>
相关文章
