CSS个人笔记

已于 2024-03-19 21:30:55 修改
阅读量970 收藏 20
点赞数 26
文章标签： css 笔记 tensorflow
于 2024-03-13 20:41:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/r1031953160/article/details/136690849
版权

CSS定义

基础选择器、文字控制属性

CSS是一种样式表语言，用来描述 HTML 文档的呈现（美化内容）。

书写位置：title 标签下方添加 style 双标签， style 标签里面书写 CSS 代码。

<title> CSS初体验</title>
<style>
/*选择器{}*/
p{
    /*CSS属性*/
    color:red;
}
</style>
<p>体验CSS</p>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初识CSS</title>
    <style>
        /*css代码*/
        /*选择器{CSS属性}*/
        /* 属性名和属性值成对出现 -> 键值对 */
        p{
            /* color 调整文字颜色 */
            color:red;
            /* font-size 调整文字字号00 */
            font-size: 30px;
        }
    </style>
</head>
<body>
    <p>体验CSS</p>
</body>
</html>

CSS引入方式

（1）内部样式表：学习使用。

CSS代码写在 style 标签里面。

（2）外部样式表：开发使用

CSS代码写在单独的CSS文件中（ .css ）

在HTML使用 link 标签引入

<link rel="stylesheet" herf="./my.css">

CSS：

/* 这个文件放CSS代码 */
/* 选择器{CSS属性} */
p{
    color: red;
}

HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS引入方式</title>
    <link rel="stylesheet" href="./my.css">
</head>
<body>
    <p>这是 p 标签</p>
    <div>这是 div 标签</div>
</body>
</html>

（3）行内样式：配合 JavaScrip t使用

CSS写在标签的 style 属性值里

<div style="color:red,front-size:20px;">这是 div 标签</div>
OCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS引入方式</title>
    <link rel="stylesheet" href="./my.css">
</head>
<body>
    <p>这是 p 标签</p>
    <div style="color: red; font-size: 30px;">这是 div 标签</div>
</body>
</html>

选择器

作用：查找标签，设置样式。

基础选择器：

（1）标签选择器

（2）类选择器

（3）id 选择器

（4）通配符选择器

标签选择器

标签选择器：使用标签名作为选择器->选中同名标签设置相同的样式。

例如：p ，h1 ，div ，a ，img ……

<style>
P{
  color:red;
}
</style>

特点：选中同名标签设置相同的样式，无法差异化同名标签的样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签选择器</title>
    <style>
        /* 特点：选中同名标签设置相同的样式，无法差异化同名标签的样式 */
        p{
            color: red;
        }
    </style>
</head>
<body>
    <p>这是p标签</p>
    <p>123456789</p>
    <p>321654987</p>
</body>
</html>

类选择器

作用：查找标签，差异化设置标签的显示效果。

步骤：

（1）定义类选择器-> . 类名

（2）使用类选择器->标签添加 class =“类名”

<style>
/*定义类选择器*/
.red{
  color: red;
}
</style>
<!--使用类选择器-->
<div class="red">这是 div 标签</div>

一个类选择器可以给多个标签使用

一个标签可以使用多个类名，class属性值写多个类名，类名用空格隔开

开发习惯：类名自定义，多个单词可以用 - 连接，例如：news-hd

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类选择器</title>
    <style>
        /* 定义 */
        .red{
            color: red;
        }
​
        .size{
            font-size: 50px;
        }
    </style>
</head>
<body>
    <!-- 使用 -->
    <!-- 一个类选择器可以给多个标签使用 -->
    <p class="red">123456789</p>
    <p>987654321</p>
    <!-- 一个标签可以使用多个类名，class属性值写多个类名，类名用空格隔开 -->
    <div class="red size">这是 div 标签</div>
</body>
</html>

id选择器

作用：查找标签，差异化设置标签的显示效果。

场景：id 选择器一般配合 javaScript 使用，很少用来设置 CSS 样式

步骤：

（1）定义 id 选择器 -> # id名

（2）使用 id 选择器 -> 标签添加 id= “ id 名”

规则：

同一个 id 选择器在一个页面只能使用一次

<style>
/**定义 id 选择器/
#red{
  color:red;
}
</style>
<!--使用 id 选择器-->
<div id="red">这是 div 标签</div>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>id选择器</title>
    <style>
        /* 定义 */
        #red{
            color: red;
        }
    </style>
</head>
<body>
    <!-- 使用 -->
    <div id="red">div 标签</div>
</body>
</html>

通配符选择器

作用：查找页面所有标签，设置相同样式。

通配符选择器：* ，不需要调用，浏览器自动查找页面所有标签，设置相同样式。

*{
   color:red;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>通配符选择器</title>
    <style>
        *{
            color: red;
        }
    </style>
</head>
<body>
    <p>p 标签</p>
    <div>div 标签</div>
    <h1>h1 标签</h1>
    <ul>
        <li>li</li>
        <li>li</li>
        <li>li</li>
    </ul>
    <strong>strong</strong>
</body>
</html>

画盒子

目标：使用合适的选择器画盒子

新属性：

属性名 作用
width 宽度
height 高度
background-color 背景色 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>画盒子</title>
    <style>
        .one{
            width: 100px;
            height: 100px;
            background-color: brown;
        }
        .two{
            width: 200px;
            height: 200px;
            background-color: yellow;
        }
​
    </style>
</head>
<body>
    <div class="one">div1</div>
    <div class="two">div2</div>
</body>
</html>

文字控制属性

描述 属性
字体大小 font-size
字体粗细 font-weight
字体倾斜 font-style
行高 line-hight
字体族 fond-family
字体复合属性 font
文本缩进 text-indent
文本对齐 text-align
修饰线 text-decoration
颜色 color

字体大小

属性名：font-size

属性值：文字尺寸， PC 端网页最常用的单位 px （像素）

p{
   font-size: 30px;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体大小</title>
    <style>
        /* 经验：谷歌浏览器文字有默认大小 16 px  */
        p{
            /* font-size属性必须有单位，否则属性不生效 */
            font-size: 30px;
        }
    </style>
</head>
<body>
    <p class="p">测试字体大小</p>
    <div>测试默认字体大小</div>
</body>
</html>

调试工具：浏览器窗口里，鼠标右键，检查

字体粗细

属性名：font-weight

属性值：

（1）数字（开发使用）

正常 400
加粗 700

关键字

正常 normal
加粗 bold 
/*不加粗*/
font-weight:400;
/*加粗*/
font-weight:700;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体粗细</title>
    <style>
        h3{
            font-weight: 400;
        }
        div {
            font-weight: 700;
        }
    </style>
</head>
<body>
    <h3>h3 标题</h3>
    <div>div 标签</div>
</body>
</html>

字体样式

作用：清除文字默认的倾斜效果

属性名：font-style

属性值：

（1）正常（不倾斜）：normal

（2）倾斜：italic

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体倾斜</title>
    <style>
        em{
            font-style: normal;
        }
        div{
            font-style: italic;
        }
    </style>
</head>
<body>
    <em>em 标签</em>
    <div>div 标签</div>
</body>
</html

行高

作用：设置多行文本的间距

属性名：line-height

属性值：

（1）数字+ px

（2）数字（当前标签 font-size 属性值的倍数）

line-height: 30px;
/*当前标签字体大小的倍数*/
line-height: 2;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行高</title>
    <style>
        p{
            line-height: 20px;
            /* line-height: 30px; */
            /* 如果行高值是数字，表示是当前标签字体大小的倍数 */
            line-height: 2;
        }
    </style>
</head>
<body>
    <p>
         欧洲新闻网称，根据苏纳克办公室发布的一份声明，英国下一财政年度为乌克兰提供的军事资金将用于远程导弹、数千架无人机、防空设备、火炮弹药和海上安全。
苏纳克说：“我今天在这里要传达一个信息：英国不会动摇。在乌克兰最黑暗的时刻和未来更好的时刻，我们将与乌克兰站在一起。”
乌克兰总统泽连斯基欢呼这份“前所未有”的10年安全合作协议，以及29亿欧元的新军事援助。他说，“今天是欧洲历史上的分水岭”。
苏纳克于2022年11月首次访问乌克兰，当时他刚刚就任英国首相。英国是仅次于美国的第二大对乌军事援助国，在2022年和2023年共提供了约53.4亿欧元的军事援助。
目前，乌克兰正努力寻求西方的支持。泽连斯基此前警告说，乌克兰特别需要防空系统来抵御俄罗斯的空中轰炸。基辅官员称，俄罗斯最近实施的大规模轰炸正在耗尽乌克兰的防空资源，使其变得脆弱。
    </p>
</body>
</html>

行高的测量方法：

从一行文字的最顶端（最底端）量到下一行文字的最顶端（最底端）。

行高-垂直居中技巧：行高属性值等于盒子高度属性值。（只适用于单行文字）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行高-垂直居中</title>
    <style>
        div{
            height: 100px;
            background-color: skyblue;
            line-height: 100px;
        }
    </style>
</head>
<body>
    <div>文字</div>
</body>
</html>

字体族

属性名：font-family

属性值：字体名

font-family:楷体;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            font-family: 楷体;
        }
    </style>
</head>
<body>
    <div>测试文字</div>
</body>
</html>

font-family 属性最后设置一个字体族名，网页开发建议使用无衬线字体。

文本缩进

属性名：text-indent

属性值：

（1）数字 + px

（2）数字 + em （推荐： 1 em =当前标签的字号大小）

p{
   text-indent: 2em;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            text-indent: 2em;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <p>
        欧洲新闻网称，根据苏纳克办公室发布的一份声明，英国下一财政年度为乌克兰提供的军事资金将用于远程导弹、数千架无人机、防空设备、火炮弹药和海上安全。
苏纳克说：“我今天在这里要传达一个信息：英国不会动摇。在乌克兰最黑暗的时刻和未来更好的时刻，我们将与乌克兰站在一起。”
乌克兰总统泽连斯基欢呼这份“前所未有”的10年安全合作协议，以及29亿欧元的新军事援助。他说，“今天是欧洲历史上的分水岭”。
苏纳克于2022年11月首次访问乌克兰，当时他刚刚就任英国首相。英国是仅次于美国的第二大对乌军事援助国，在2022年和2023年共提供了约53.4亿欧元的军事援助。
目前，乌克兰正努力寻求西方的支持。泽连斯基此前警告说，乌克兰特别需要防空系统来抵御俄罗斯的空中轰炸。基辅官员称，俄罗斯最近实施的大规模轰炸正在耗尽乌克兰的防空资源，使其变得脆弱。
    </p>
</body>
</html>

文本对齐

作用：控制内容水平对齐方式

属性名：text-align

属性值：

属性值 效果
left 左对齐（默认）
center 居中对齐
right 右对齐 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            text-align: center;
        }
        h2{
            text-align: right;
        }
    </style>
</head>
<body>
    <h1>标题文字</h1>
    <h2>标题文字</h2>
</body>
</html>

水平对齐方式-图片

text-align 本质是控制内容的对齐方式，属性要设置给内容的父级。

<style>
{
   text-align: center;
}
</style>
<div>
<img src="./images/1.jpg" alt="">
</div>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            text-align: center;
        }
    </style>
</head>
<body>
    <div>
        <img src="./图片/崩崩小圆帽.jpg" width="300">       
    </div>
</body>
</html>

文本修饰线

属性名：text-decoration

属性值：

属性值 效果
none 无
underline 下划线
line-through 删除线
overline 上划线

color 文字颜色

属性名：color

属性值

颜色表示方法 属性值 说明 使用场景
颜色关键字 颜色英文单词 red、green，yellow…… 学习测试
rgb 表示法 rgb（r，g，b） r，g，b 表示红绿蓝三原色，取值：0-255 了解
rgba 表示法 rgba（r，g，b，a） a 表示透明度，取值：0-1 开发使用，实现透明色
十六进制表示法 #RRGGBB #000000，#ffcc00，简写：#000，#fc0 开发使用（从设计稿复制） 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            /* color: red; */
            /* color: rgb(165, 255, 135); */
            /* color: rgba(156, 37, 37, 0.5); */
            color: #00f;;
            background-color: aqua;
        }
    </style>
</head>
<body>
    <h1>h1 标签</h1>
</body>
</html>

调试工具-谷歌浏览器

作用：检查、调试代码；帮助程序员发现代码问题、解决问题。

（1）打开调试工具：

浏览器窗口内任意位置 / 选中标签 -> 鼠标右键 -> 检查

F12

（2）使用调试工具

综合案例-新闻

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻标签</title>
    <style>
        h1{
            text-align: center;
            font-weight: 700;
            font-size: 30px;
            color: #333;
        }
        div{
            font-size: 14px;
            color: #999;
        }
        p{
            text-indent: 2em;
            font-size: 18px;
            color: #333;
        }
        .ewgq{
            text-align: center;
        }
​
    </style>
</head>
<body>
    <h1>大结局要来了？向俄罗斯割让领土，不再是西方和乌克兰的禁忌</h1>
    <div>作家陈曦2024-01-09 13:33河南</div>
    <p><strong>作者</strong>：外界呼吁俄乌和谈的声音越来越多，虽然尚无坐上谈判桌的迹象，但这个趋势是值得肯定的。
​
        实际上，从战争爆发伊始，呼吁和谈的声音就一直不绝于耳，并且双方也进行过多轮和谈，甚至达成过共识，不过最终还是被西方搅黄了。
        
        现在的情况是，只有西方真的推动和平，俄乌才有可能坐上谈判桌。
        
        随着乌克兰反攻失败，这个可能性正在增加。</p>
    <p>有一个迹象可能会让俄乌和谈取得突破性进展。</p>
    <div class="ewgq">
        <img src="./图片/俄乌国旗.jpg" alt="俄乌国旗">
    </div>
    <p>割让领土不再是禁忌
​
        据俄罗斯RT报道，德国历史学家阿马尔表示，人们听到越来越多的建议，要求基辅为妥协做好准备，尤其是，要求基辅向俄罗斯割让领土的呼声越来越高。
        
        阿马尔提到了一些人的言论。
        
        美国退役海军上将、前北约军事首脑、著名的美国弗莱彻法律与外交学院名誉院长詹姆斯·斯塔夫里迪斯表示，乌克兰不太可能夺回失去的东西，建议乌克兰考虑暂时甚至是永久放弃克里米亚以及连接其与俄罗斯的“陆桥”。
        
        乌克兰前总理、仍在议会工作的季莫申科也让泽连斯基拿出“B计划”。
        
        所谓的“B计划”指的就是向俄罗斯妥协，因为乌克兰现在明显不可能在战场上获胜。
        
        泽连斯基前顾问阿雷斯托维奇也建议乌克兰与俄罗斯和谈，甚至提出，可以联合俄罗斯对抗西方。
        
        阿马尔表示，如果放在几个月前，类似的，让乌克兰投降、劝乌克兰放弃领土的言论会引发轩然大波，但现在已经成为一种常态。</p>
</body>
</htm

符合选择器

定义：

最低0.47元/天 解锁文章
品茶观山
关注
  • 26
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS个人学习笔记（day 3）
loney_k的博客
04-13 624
CSS学习笔记
CSS个人学习笔记（day 1）
loney_k的博客
04-03 625
CSS学习笔记
HTML+CSS个人笔记
qq_53233068的博客
09-10 4351
HTML+CSS个人笔记 HTML(Hyper Text Markup Language) 浏览器 什么是浏览器内核？ 浏览器所采用的渲染引擎（“Rendering Engine”）是浏览器最核心的组成部分，通俗的叫浏览器内核。 五大主流浏览器 浏览器 内核 简介 IE Trident 微软 仅支持windows Safari Webkit 苹果 Mac Firedox（火狐） Gecko Mozilla基金会 支持Windows、Linux、Mac Chrome（谷
css个人笔记 动态添加底部边框
m0_58346663的博客
11-16 225
css 动态添加底部边框
h5+css学习笔记
m0_62410752的博客
03-15 368
个人学习笔记，自己看的
用HTML+CSS做一个漂亮简单的个人网页
热门推荐
qq_42523321的博客
12-20 57万+
用HTML+CSS做一个漂亮简单的个人网页 1.刚好帮我妹写了一个作业做一个个人网页设计，简单的三个小页面，就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈！！！可能有点low但是对她来说或者需要做简单的个人网站应该就够了吧！ 图片是从站酷上面找的(因为我不会设计图)，如果有侵权了什么的请联系我立刻马上删掉哈! （首页的首屏有下雪了的特效，右下角有音乐播放提示） 2.先看一下效果哈！ 效...............
CSS学习笔记Day1
primebrake的博客
05-13 867
如果把HTML比作是一个人，那CSS就是他的穿搭。所以学习CSS是做好网页至关重要的一步。
CSS笔记
尽力而为
11-07 1094
由于有些零散的代码夹杂其中，所以用代码块编辑。 马士兵_CSS_学习笔记_尚学堂_个人整理 一、CSS定义 CSS—Cascade Style Sheet层叠样式表(装饰标签的) 1998/5/12，CSS level2成为W3C标准 用来装饰HTML/XML的标记集合 特点： 样式表由样式规则组成，以告诉浏览器如何显示一个文档 每个规则的组成包括一个选择符---通常是一
CSS 基础笔记
FAST_13469ND的博客
10-02 2123
课程目标: 学会使用CSS选择器 熟记CSS样式和外观属性 熟练掌握CSS各种选择器 熟练掌握CSS各种选择器 熟练掌握CSS三种显示模式 熟练掌握CSS背景属性 熟练掌握CSS三大特性 熟练掌握CSS盒子模型 熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS CSS的发展历程 从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样...
css个人笔记
09-11
css个人学习笔记，div+css，布局
个人笔记--CSS
11-25
CSS个人笔记，如果有错误和意见，请在评论中提出！！！
css 个人学习笔记
07-03
个人学习总结，关于css的。。。。。。。。。。。。。。。。。。。。。。。
HTML+CSS个人学习笔记
03-17
HTML+CSS个人学习笔记
div+css个人笔记
01-08
个人笔记 内容不全 谁要给邮箱 直接发
CSS实现一个雨滴滑落效果
云加速
05-28 1568
这只是一个非常基础的示例，真实的雨滴滑落效果可能需要更复杂的动画和可能的JavaScript交互来实现更逼真的效果，比如雨滴的大小、速度、下落路径的随机性等。如果你想要一个更复杂的动画效果，你可能需要考虑使用SVG、Canvas或者WebGL等技术，并结合JavaScript来实现。使用纯CSS来实现一个真实的雨滴滑落效果可能会有些挑战，因为CSS主要关注于静态样式和简单的动画效果。然而，你可以使用CSS动画和@keyframes来模拟一个雨滴滑落的简化效果。这个示例中的雨滴是一个简单的圆形元素。
【CSS】object-fit 和 object-position 属性详解
最新发布
正在解锁骑着骆驼去南极的世界
06-04 997
object-fit和object-position是CSS属性，用于控制图像或视频在其容器中的适应和定位方式。
更改Web网站设计——css和css框架
2301_81968528的博客
06-01 414
如果使用CSS设置背景色，文字颜色，元素配置，即使是相同的HTML文件，在外观上也会产生很大的变化。也可以将CSS的内容写进HTML文件，但是为了保持结构与设计样式，大多数情况下都应该将它们保存在不同的文件中。将它们分开就可以一次性设置多个HTML文件的设计样式。虽然使用css来编写代码可以创建出非常漂亮的设计样式，但是初学者要实现一个格式统一设计是比较困难的。因此，可以使用无须从零开始设计，可以简单利用按钮和表单等设计元素的CSS框架。虽然使用HTML可以定义文章的结构，但是其中不包含设计相关的信息。
Vue3整合Tailwindcss之padding样式类
Python私教
06-04 1119
p-1 到 p-96，设置四个方向的内边距，数字越大，内边距越大。px-1 到 px-96，设置水平方向的内边距，数字越大，内边距越大。py-1 到 py-96，设置垂直方向的内边距，数字越大，内边距越大。1-12是连续的12-52是间隔252到64间隔464以后间隔8p：四个方向px：水平方向py：垂直方向pt：上边pr：右边pb：下边pl：左边。
个人笔记系统绘制架构图和功能模块图 - 绘制ER图 - 根据ER图建表
04-30
不过，我可以简单介绍一下个人笔记系统的一般架构和功能模块： 个人笔记系统一般可以分为前端和后端两部分。前端负责用户界面和交互逻辑，通常使用HTML、CSS、JavaScript等技术实现；后端负责数据存储和处理，通常...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值