2021-11-14

最新推荐文章于 2024-09-14 22:46:39 发布
最新推荐文章于 2024-09-14 22:46:39 发布
阅读量276 收藏
点赞数
文章标签： css css3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63654200/article/details/121317173
版权
本文详细介绍了Chrome浏览器的调试工具使用，包括如何查看和修改CSS样式，以及如何利用Emmet语法快速编写HTML和CSS。此外，还讲解了CSS中的复合选择器，如后代选择器、子选择器、并集选择器、伪类选择器等，以及元素显示模式、背景属性和背景图片的运用。内容涵盖了CSS基础和进阶知识，是前端开发者的实用参考资料。
摘要由CSDN通过智能技术生成

11.8-11.14周报总结

css学习

1.chrome调试工具

chrome浏览器提供了一个非常好用的调试工具，可以用来调试我们的HTML结构和css样式

  • 打开调试工具
    打开chrome浏览器，按下F12或者右击页面空白处-检查
  • 使用调试工具：
    ctrl＋滚轮可以放大开发者工具代码大小
    左边是html元素结构，右边是css样式
    右边css样式可以改动数值（左右箭头或者直接输入）和查看颜色
    ctrl＋0复原浏览器大小
  • 如果点击元素，发现右侧没有样式引入，极有可能是类名或者样式引入错误
  • 如果有样式，但是样式前面又有黄色感叹号提示，则是样式属性书写错误

2.Emmet语法

emmet语法的前身是Zen coding，它使用缩写，来提高html/css的编写速度

2.1快速生成html结构语法
  • 如果想生成标签，直接输入标签名按tab键即可，比如div按tab键就可以生成
  • 如果想要生成多个相同标签，加上*即可，如div *3就可以快速生成3个div
  • 如果有兄弟级关系的标签，用+即可，如div+p
  • 如果生成带有类名或者id名字的，直接写.demo或者#two tab就可
  • 如果生成的div类名是有顺序的，可以用自增符号$
  • 如果想要在生成的标签内部写内容可以用{}表示
<style>
    .one {
        /* tac简写 */
        text-align: center;
        /* w100 */
        width: 100px;
    }
</style>

<body>

    <div></div>
    <!-- p*4 -->
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <!-- ul>li -->
    <ul>
        <li></li>
    </ul>
    <!-- div+p -->
    <div></div>
    <p></p>
    <!-- .div -->
    <div class="nev"></div>
    <!-- #banner -->
    <div id="banner"></div>
    <!-- 给p加了一个class=one的标签，p.one -->
    <p class="one"></p>
    <span class="gray"></span>
    <ul>
        <li id="two"></li>
    </ul>
    <!-- .demo$*5 -->
    <div class="demo1"></div>
    <div class="demo2"></div>
    <div class="demo3"></div>
    <div class="demo4"></div>
    <div class="demo5"></div>
    <!-- 想生成的标签里面默认显示几个文字 -->
    <!-- div{} -->
    <div>哼哼哼</div>
    <!-- div{}*5 -->
    <div class="one">哼哼哼</div>
    <div>哼哼哼</div>
    <div>哼哼哼</div>
    <div>哼哼哼</div>
    <div>哼哼哼</div>
    <!-- div{$}*5 -->
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
2.2快速生成css结构语法

基本采取简写的形式即可

  • 比如w200按tab可以生成width：200px；
  • 比如：lh26按tab可生成line-height：26px；
2.3快速格式化代码

shift +alt+ f
crtl+s

3.复合选择器

3.1复合选择器概念

概念：在css中，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的
作用：
复合选择器可以更准确、更高效选择目标元素（标签）
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成
常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等

3.2后代选择器
  • 概念：又称包含选择器，可以选择父元素里面的子元素。
  • 写法：其写法就是把外层标签写在前面，内层标签
    写在后面，中间用空格分开
  • 语法结构：元素1 元素2 {}
    表示选择元素1里面的所有 元素2
  • 注意：
  1. 元素1和元素2中间用空格隔开
  2. 元素1是父级，元素2是子级，最终选择的是元素2
  3. 元素2可以是儿子也可以是孙子等，只要是元素1 的后代
  4. 元素1和元素2可以是任意的基础选择器
<style>
    ul li {
        color: blue;
    }
    
    ul ol li {
        color: bisque;
    }
    
    .nav li a {
        color: cadetblue;
    }
</style>

<body>

    <ul>
        <li>哼</li>
        <li>哼哼</li>
        <li>哼哼哼</li>
        <li>
            <a href="#">哼哼哼哼</a></li>
    </ul>
    </ul>
    <ol>
        <li>哼</li>
        <li>哼哼</li>
        <li>哼哼哼</li>
        <li><a href="#">哼哼哼哼</a></li>
        <ol class="nav">
            <li>哼</li>
            <li>哼哼</li>
            <li>哼哼哼</li>
            <li><a href="#">哼哼哼哼</a></li>
            <li><a href="#">哼哼哼哼</a></li>
            <li><a href="#">哼哼哼哼</a></li>
        </ol>
</body>
3.3子代选择器

只能选择作为某元素的最近一级子元素，就是选亲儿子元素
结构：div>p{样式声明} 选择div里面所有最近一级p元素

注意：

  • 元素1和元素2中间用>隔开
  • 元素1是父级，元素2是子级，最终选择的是元素2
  • 元素2必须是亲儿子，其它的都不管
< style>
   /* .nav a { 
       color: blue;
       选择了div里面所有的a标签

    } */
   
   .nav>a {
       color: cyan;
   }
</style>

<body>
   <div class="nav">
       <a href="#">哼</a>
       <p>
           <a href="#">哼哼</a>
       </p>
   </div>

</body>
3.4并集选择器
并集选择器可以选择多组标签，同时为他们定义相同的样式。通常用于**集体声明**
并集选择器是各选择器通过英文逗号连接而成，任何形式的选择器都可以作为并集选择器的一部分

结构：ul,div{样式声明} 表示选择ul和div标签
逗号可以理解为和的意思

<style>
    /* div，p{ 
    color:blue;
    把喜羊羊美羊羊改为蓝色

 } */
    /* 把喜羊羊美羊羊和佩奇一家改为黄色 */
    
    div,
    p,
    .pig li {
        color: rgb(73, 73, 7);
    }
    /* 约定语法规范：并集选择器喜欢竖着写 */
    /* 最后一个选择器不需要加逗号 */
</style>

<body>
    <div>喜羊羊</div>
    <P>美羊羊</P>
    <ul class="pig">
        <li>小猪佩奇</li>
        <li>猪爸爸</li>
        <li>猪妈妈</li>


    </ul>

</body>
3.5伪类选择器
  • 概念：伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第一个、第n个元素
  • 书写特点:用冒号表示，比如：：hover，：first—child
  • 分类：链接伪类、结构伪类等
3.6链接伪类选择器
属性作用
a：link选择所有未被访问的链接
a：visited选择所有已被访问的链接
a：hover选择鼠标指针位于其上的链接
a：active选择鼠标正在按下没有弹起的那个链接

注意事项：

  • 为了确保生效，按照lvha的顺序声明：：link、：visited、：hover、：active
  • 因为a链接在浏览器中具有默认样式，所以我们实际开发中都需要给链接指定单独样式
<style>
    /* <!-- 未访问过的链接 a:link 把没有点击过的（访问过的）链接选出来 --> */
    
    a:link {
        color: #333;
        text-decoration: none;
    }
    /* a:visited 选择点击过的（访问过的）链接 */
    
    a:visited {
        color: yellow;
    }
    /* a:hover 选择鼠标经过的那个链接 */
    
    a:hover {
        color: skyblue;
    }
    /* a:active 选择鼠标正在按下没有弹起的那个链接 */
    
    a:active {
        color: green;
    }
    
    a {
        color: rgb(223, 103, 103);
    }
</style>

<body>
    <a href="#">小猪佩奇</a>
</body>

对于链接a的写法

<style>
    a {
        color: #333;
        text-decoration: none;
    }
    
    a:hover {
        color: #369;
    }
</style>

<body>
    <a href="#">小猪佩奇</a>
</body>
3.7focus伪类选择器
  • 作用：用于获得焦点的表单元素
    焦点就是光标，一般情况下input类表单元素才能获取，因此这个选择器也主要针对于表单元素来说
  • 语法结构：input：focus
<style>
    input:focus {
        background-color: pink;
    }
</style>

<body>
    <input type="text">
    <input type="text">
    <input type="text">
</body>

4.css元素显示模式

4.1元素的显示模式
  • 概念：就是元素（标签）以什么方式进行显示，比如div自己独占一行，比如一行可以放多个span
  • 作用：网页标签非常多，在不同的地方会用到不同的标签，了解他们的特点可以更好的布局网页
  • 分类：html元素一般分为块元素和行内元素
4.2块元素

常见块元素：p、h、ul、 ol、 div是最典型的块元素
块元素特点：

  • 独占一行
  • 高度、宽度、外边距及内边距都可以控制
  • 宽度默认是容器（父级宽度）的100%
  • 是一个容器及盒子，里面可以放行内或者块级元素

注意：

  • 文字类的元素内不能使用块级元素
  • p标签主要用于存放文字，因此p里面不能放块级元素，特别是不能放div
  • 同理，h1-h6等都是文字类块级标签，里面也不能放其他块级元素
<style>
    div {
        /* width:200px; */
        height: 200px;
        background-color: cornflowerblue;
    }
</style>

<body>
    <div>独占一行</div>
    哼哼哼哼
</body>
4.3行内元素

常见的行内元素：a、strong、b、em、i、del、s、ins、u、span等，其中span标签就是最典型的行内元素，有时也称内联元素
特点：

  • 行内元素在一行上，一行可以显示多个
  • 高、宽设置是无效的
  • 默认宽度就是它本身内容的宽度
  • 行内元素只能容纳文本或者其他行内元素
    注意：
  • 链接里面不能再放链接
  • 特殊情况链接a里面可以放块级元素，但是给a转换一下块级模式最安全
<body>

    <span>哼哼</span>
    <strong>哼哼哼哼</strong>

</body>
4.4行内块元素

概念：在行内元素中有几个特殊的标签——img/ input/ td 他们同时具有行内元素和块元素的特点

特点：

  • 和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙，一行可以显示多个（行内元素特点）
  • 默认宽度就是它本身内容的宽度（行内元素特点）
  • 高度、行高、外边距都可以控制（块级元素特点）
4.5元素显示模式转换

特殊情况下，需要元素模式的转化，简单理解：一个模式的元素需要另一种模式的特性

比如想要增加a链接的触发范围

  • 转换为块元素：dispaly:block；
  • 转换为行内元素：display:inline;
  • 转换为行内块元素：display:inline-block;
<style>
    a {
        width: 150px;
        height: 50px;
        background-color: rgb(116, 116, 214);
        /* 把行内元素a转换为块级元素 */
        display: block;
    }
    
    div {
        width: 150px;
        height: 50px;
        background-color: rgb(114, 114, 143);
        /* 把div转换位行内元素 */
        display: inline;
    }
    
    span {
        width: 150px;
        height: 50px;
        background-color: rgb(55, 64, 78);
        display: inline-block;
    }
</style>

<body>
    <a href="#">哼哼哼</a>
    <a href="#">哼哼哼</a>
    <div>哼哼哼哼</div>
    <div>哼哼哼哼</div>
    <span>哼哼哼哼哼</span>
    <span>哼哼哼哼哼</span>
</body>
4.6单行文字垂直居中代码，小技巧实现

让文字的高度等于盒子的高度
line-height=height
简单理解：行高的上空隙和下空隙把文字挤到中间了
如果行高小于盒子高度，文字会偏上，如果行高大于盒子高度，会偏下

5css背景

5.1背景颜色

一般情况下元素背景颜色默认值是transparent

    <style>
        div {
            width: 100px;
            height: 50px;
            background-color: rgb(0, 255, 221);
        }
    </style>
</head>

<body>
    <div></div>
</body>
5.2背景图片

backgroung-image属性描述了元素的背景图像。
实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片，优点是是非常便于控制位置

参数值作用
none无背景图（默认的）
url使用绝对或相对地址指定背景图像
<style>
        div {
            width: 900px;
            height: 600px;
            /* 不要落下url（） */
            background-image: url(../02.jpg);
        }
    </style>
</head>

<body>
    <div></div>
</body>
5.3背景平铺

如果需要在html页面上对背景图像进行平铺，可以使用backgroung-repeat属性

属性值作用
repeat背景图像在纵向和横向上平铺（默认的）
no-repeat背景图像不平铺
repeat-x背景图像在横向上平铺
repeat-y背景图像在纵向上平铺
<style>
        div {
            background-color: rgb(117, 190, 162);
            /* 页面元素既可以添加背景颜色也可以添加背景图片，只不过背景图片会压住背景颜色 */
            width: 900px;
            height: 900px;
            background-image: url(../02.jpg);
            /* m默认情况下背景图片是平铺的 */
            /* background-repeat: no-repeat; */
            /* 1.不平铺 no-repeat */
            /* background-repeat: repeat-x; */
            /*2. 沿着x轴平铺 */
            background-repeat: repeat-y;
            /* 3.沿着y轴平铺 */
        }
    </style>
</head>

<body>
    <div></div>
</body>
5.4背景图片位置

利用background-position属性可以改变图片在背景中的位置
background-position：x y；
参数代表意思是：x坐标和y坐标。可以使用方位名词和精确单位

参数值说明
lenghth百分数
positiontop、center、bottom、left、right 方位名词

  • 参数是方位名词：
    如果指定的两个词都是方位名词，则两个值前后顺序无关，比如left top和top left效果一致
    如果只指定了一个方位名词，第二个参数省略，第二个值默认居中对齐

  • 参数是精确单位：
    如果参数是精确坐标，那么第一个肯定是x坐标，第二个一定是y坐标
    如果只指定一个数值，那该数值一定是x坐标，另一个默认垂直居中

  • 参数是混合单位：
    如果指定的两个值是精确单位和方位名词混合使用，则第一个值是x坐标，第二个值是y坐标

 <style>
        div {
            width: 900px;
            height: 900px;
            background-color: rgb(135, 196, 135);
            background-image: url(../02.jpg);
            background-repeat: no-repeat;
            /* background-position:方位名词*/
            /* background-position: center top; */
            /* background-position: right center; */
            /* background-position: right; */
            background-position: top;
        }
    </style>
</head>

<body>
    <div></div>
</body>


<style>
        h3 {
            width: 118px;
            height: 40px;
            background-color: rgb(109, 145, 109);
            font-size：14px;
            font-weight：400;
            line-height: 40px;
            background-image: url(../02.jpg);
            background-repeat: no-repeat;
            background-position: left center;
        }
    </style>
</head>

<body>
    <h3>成长守护平台</h3>
</body>

精确单位

  <style>
        div {
            width: 1000px;
            height: 1000px;
            background-color: rgb(117, 180, 117);
            background-repeat: no-repeat;
            background-image: url(../02.jpg);
            /* 20px 50px;x轴一定是20，y轴一定是50 */
            background-position: 20px 50px;
        }
    </style>
</head>

<body>
    <div></div>
</body>
5.5背景图像固定（背景附着）

background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动

参数作用
scroll背景图像是随对象内容滚动
fixed背景图像固定


```<style>
        body {
            background-image: url(../03.jpg);
            background-repeat: no-repeat;
            background-position: center top;
            color: rgb(113, 186, 199);
            font-size: 20px;
            background-attachment: fixed;
        }
    </style>
</head>

<body>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
    <p>哼哼哼哼哼哼</p>
</body>
5.6背景复合写法

使用简写属性时，没有特定的书写顺序，一般约定习惯顺序是
background：背景颜色、背景图片地址、背景平铺、背景图像滚动、背景图片位置

<style>
        body {
            background: rgb(153, 218, 153) url(../03.jpg) no-repeat fixed center top;
        }
    </style>
</head>

<body>
    <p>哼哼哼哼哼</p>
    <p>哼哼哼哼哼</p>
    <p>哼哼哼哼哼</p>
    <p>哼哼哼哼哼</p>
    <p>哼哼哼哼哼</p>
    <p>哼哼哼哼哼</p>
</body>
5.7背景色半透明

background：rgba（0，0，0，0.3）
最后一个参数是alpha透明度，取值范围在0-1之间
实际开发中习惯把0.3中的0省略掉写成.3
注意：背景半透明是指盒子背景半透明，盒子里面的内容不受影响

 <style>
        div {
            width: 300px;
            height: 300px;
            background: rgba(0, 0, 0, 0.2);
        }
    </style>
</head>

<body>
    <div>哼哼哼哼</div>
</body>

</html>
w&z.
关注
2021-11-04
m0_53575762的博客
11-20 7136
一、Linux命令和windows区别？ 1、Linux命令全部严格区分大小写；而windows命令大小写都识别。 2、Linux所有的文件都是没有扩展名的，而windows是文件是有扩展名的。 创建一个新用户 [root@localhost mxh]# useradd mxh2 # 创建一个user [root@localhost mxh]# password mxh2 #12345678 [root@localhost xxx]# gr...
2021-11-14 Covins跑euroc数据集
qq_42614598的博客
11-14 4925
此Covins是2021年出的COVINS – A Framework for Collaborative Visual-Inertial SLAM and Multi-Agent 3D Mapping 想使用从网上没有找到有编译流程教程，在此记录。 首先就是按照readme中步骤进行安装 1.环境、依赖 sudo apt-get update Install dependencies 安装依赖： sudo apt-get install doxygen libsuitesparse-dev libya
Gateway统一网关(2021-11-14)
m0_45303174的博客
11-14 2031
1.为什么需要网关 2.gateway快速入门 3.路由断言工厂 4.过滤器工厂 5.全局过滤器 6.跨域问题
CVE-2021-4034漏洞复现
热门推荐
weixin_42618425的博客
01-26 2万+
CVE-2021-4034漏洞复现 CVE-2021-4034漏洞描述 最近网上公开了CVE-2021-4034漏洞详情，该漏洞主要是由于 Linux 下 Polkit 工具集的本地权限提升漏洞，任何非特权本地用户可通过此漏洞获取root权限。目前该漏洞PoC已公开。 影响范围 影响版本：由于 polkit 为系统预装工具，目前主流Linux版本均受影响。 修复版本： CentOS系列： CentOS 6：polkit-0.96-11.el6_10.2 CentOS 7：polkit-0.112-26.el
2021-01-04
wubaoyu123的博客
01-04 2256
博客园Logo 首页 新闻 博问 专区 闪存 班级 代码改变世界 搜索 注册 登录 返回主页 知了一笑 博客园 首页 新随笔 联系 订阅 管理 数据仓库组件：Hive环境搭建和基础用法 本文源码：GitHub || GitEE 一、Hive基础简介 1、基础描述 Hive是基于Hadoop的一个数据仓库工具，用来进行数据提取、转化、加载，是一个可以对Hadoop中的大规模存储的数据进行查询和分析存储的组件，Hive数据仓库工具能将结构化的数据文件映射为一张数据库表，并提供SQL查询功能，能将SQL语句转变成
2021-05-05
樊金良的博客
05-05 752
你需要努力，fighting！
2021-01-10
qq_22667507的博客
01-10 1005
jupyter notebook中直接安装python的第三方库。 例如安装pymysql ： ! pip install pymysql。 升级pip：
CVE-2021-3156 漏洞复现笔记
weixin_46483787的博客
07-01 1万+
CVE-2021-3156复现笔记
2021-01-15
hikarilee的博客
01-15 1260
git clone 操作出现 fatal:index-pack failed 此错误为当前克隆文件夹属性只读，将只读取消
gmall2020-mock-db-2021-11-14.jar
06-26
gmall2020-mock-db-2021-11-14.jar
Screenshot_2021-11-14-11-17-17-14_8b7aa5be40a89c6a7df806c347da652a.jpg
11-14
Screenshot_2021-11-14-11-17-17-14_8b7aa5be40a89c6a7df806c347da652a.jpg
2021-11-08 14-50-45.mkv
03-25
2021-11-08 14-50-45.mkv
HTML、CSS实现树状图
p_s_p的博客
09-09 742
【代码】HTML、CSS实现树状图。
基于less和scss 循环生成css
k0933的博客
09-14 409
【代码】基于less 循环生成css。
小程序开关组件
qq_58614993的博客
09-14 315
前提是vant组件库不太好改，干脆就手写了一个。
CSS 响应式设计（补充）——WEB开发系列36
一条晒干的咸鱼的博客
09-11 1220
随着移动设备的普及，网页设计的焦点逐渐转向了响应式设计。响应式设计不仅要求网页在各种屏幕尺寸上良好展示，还要适应不同设备的特性。
【CSS】选择器（基础选择器、复合选择器、属性匹配选择器、结构伪类选择器、伪元素选择器）
最新发布
千里之行，始于足下
09-14 1044
优先级：id选择器 > 类选择器 > 标签选择器 > 通配符选择器；后代选择器 直系选择器； :first-of-type :nth-of-type(2n) :last-child :link :visited :hover :active :disabled :checked；::after ::before ::selection ::first-letter ::first-line ::placeholder
逗号分隔的多个数据，每个数据项由#分隔的四个小项构成。 # 第一个为题号；第二个为时间；第三个为操作类型，可能的取值：12、11、10--读题，空值-作答；第四个为科目。 data = '''1#2021-05-18 14:31:55##初级会计实务,2#2021-05-18 14:31:57#12#初级会计实务,2#2021-05-18 14:32:08##初级会计实务,3#2021-05-18 14:32:09#12#初级会计实务,4#2021-05-18 14:32:34#12#初级会计实务,4#2021-05-18 14:32:45##初级会计实务,5#2021-05-18 14:32:46#12#初级会计实务,5#2021-05-18 14:32:57##初级会计实务,6#2021-05-18 14:33:00#12#初级会计实务,7#2021-05-18 14:33:44#12#初级会计实务,7#2021-05-18 14:34:42##初级会计实务,8#2021-05-18 14:34:43#12
06-10
data = '''1#2021-05-18 14:31:55##初级会计实务,2#2021-05-18 14:31:57#12#初级会计实务,2#2021-05-18 14:32:08##初级会计实务,3#2021-05-18 14:32:09#12#初级会计实务,4#2021-05-18 14:32:34#12#初级会计实务,4#...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值