CSS学习总结

最新推荐文章于 2022-07-09 17:06:38 发布
最新推荐文章于 2022-07-09 17:06:38 发布
阅读量139 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51119777/article/details/116426802
版权

文章目录

CSS基本构成

CSS 规则（rule-set）由选择器和声明块组成：

在这里插入图片描述

这条规则表明，页面中所有的一级标题都显示为蓝色，字体大小为12像数。

说明：
选择器指向您需要设置样式的 HTML 元素。
声明块包含一条或多条用分号分隔的声明。
每条声明都包含一个 CSS 属性名称和一个值，以冒号分隔。
多条 CSS 声明用分号分隔，声明块用花括号括起来。
再如下例所示：

/* 这是CSS的注释 */
/* 建议每条申明占一行 */
p{
  color:red;
  text-align:center;  /* 文本居中 */
}

例子解释：
p 是 CSS 中的选择器（它指向要设置样式的 HTML 元素：< p>）。
color 是属性，red 是属性值
text-align 是属性，center 是属性值

CSS选择器

一个页面上的元素众多，选择器就用于在页面中找到/选择需要应用这个样式的对象。
除我们前示的元素选择器外，还有id和class选择器。其中class选择器使用非常普遍。

1.id 选择器

#sky{
color: blue;
}
这条规则表明，找到页面上id为sky的那个元素让它呈现蓝色，如下所示的页面，蓝色的天空这几个字就将会是蓝色的。

<p id="sky">蓝色的天空</p>
<p id="forest">绿色的森林</p>

注： id 选择器使用 HTML 元素的 id 属性来选择特定元素。
元素的 id 在页面中是唯一的，因此 id 选择器用于选择一个唯一的元素！
id 名称不能以数字开头。

2.CSS类选择器（class 选择器）

类选择器选择有特定 class 属性的 HTML 元素。
如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。

/* 注意：class选择器前有 . 号。 */
.center{
  text-align: center;
}
.large{
  font-size: 30px;
}
.red{
  color: red;
}

以上代码定义了三条规则，分别应用于页面上对应的元素，如只要页面上某元素的class为red，那么就让它呈现红色。
如下所示的页面：

<p class="center">我会居中显示的</p>
<p class="red">我是红色的</p>
<p class="center large red">我又红又大还居中</p>
<p class="red">我也可以是红的</p>

3.后代选择器

以空格作为分隔，如：.haha p 代表在div元素内有.haha这种类的所有元素。
参见如下代码：

<html>
<head>
  <style>
    .haha p {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <div class="haha">
    <p>Paragraph 1 in the div .haha.</p>
    <p>Paragraph 2 in the div .haha>.</p>
    <span>
        <p>Paragraph 3 in the div .haha.</p>
    </span>
  </div>
  <p>Paragraph 4. Not in a div .haha.</p>
  <p>Paragraph 5. Not in a div .haha.</p>
</body>
</html>

注：段落1、2、3都将有黄色的背景，而段落4、5没有。

4.子选择器

也称为直接后代选择器，以>作为分隔，如：.haha > p 代表在有.haha类的元素内的直接

元素。
参见如下代码：

<html>
<head>
  <style>
    .haha > p {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <div class="haha">
    <p>Paragraph 1 in the div .haha.</p>
    <p>Paragraph 2 in the div .haha.</p>
    <span>
        <p>Paragraph 3 in the div .haha - it is descendant but not immediate child.</p>
    </span> <!-- not Child but Descendant -->
  </div>
  <p>Paragraph 4. Not in a div .haha.</p>
  <p>Paragraph 5. Not in a div .haha.</p>
</body>
</html>

虽然段落3在.haha类中，但它的直接父元素是span，不是.haha的直接后代，所以不能选择。只有段落1、2有黄色背景。

伪类（pseudo-class）或伪元素（pseudo-element）用于定义元素的某种特定的状态或位置等。
比如我们可能有这样的需求：

鼠标移到某元素上变换背景颜色
超链接访问前后访问后样式不同
离开必须填写的输入框时出现红色的外框进行警示
保证段落的第一行加粗，其它正常

使用伪类/伪元素的语法如下：

/* 选择器后使用 : 号，再跟上某个伪类/伪元素 */
selector:pseudo-class/pseudo-element {
  property:value;
}

以下是常用的伪类/伪元素的简单使用：

a:link {color:#FF0000;}     /* 未访问的链接 */
a:visited {color:#00FF00;}  /* 已访问的链接 */
a:hover {color:#FF00FF;}    /* 鼠标划过链接 */
/* 鼠标移到段落则改变背景颜色 */
p:hover {background-color: rgb(226, 43, 144);}
p:first-line{color:blue;}   /* 段落的第一行显示蓝色 */
p:first-letter{font-size: xx-large;}   /* 段落的第一个字超大 */

h1:before { content:url(smiley.gif); } /* 在每个一级标题前插入该图片 */
h1:after { content:url(smiley.gif); } /* 在每个一级标题后插入该图片 */

CSS三种导入方式

1.外部样式表

新建如下内容的一个 HTML文件（后缀为.html)：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <!-- 注意下面这个语句，将导入外部的 mycss.css 样式表文件 -->
  <link rel="stylesheet" type="text/css" href="mycss.css">
  <title>页面标题</title>
</head>
<body>
  <h1>我是有样式的</h1>
  <hr>
  <p class="haha">还是有点丑：)</p>
</body>
</html>

在同一个目录新建一个样式表文件mycss.css（注意后缀名为css）如下：

body {
  background-color: linen;
  text-align: center;
}
h1 {
  color: red;
}
.haha {
  margin-top: 100px;
  color: chocolate;
  font-size: 50px;
}

在浏览器中打开这个 HTML 文件看看效果。
注： 一般我们会在项目目录下建一个文件夹如css专门存放样式表文件，如此我们引入样式文件时路径就变为 ./css/mycss.css之类的。
注： 引入外部样式表是我们使用样式的主流方式，因为众多的样式规则单独放在一个文件中，与 HTML 内容分开，结构清晰。同时其它页面也可使用，达到复用的目的。

2.内部样式表

我们也可以将样式放在 HTML 文件中，这称为内部样式表。如：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <!-- 注意下面这个语句，将导入外部的 mycss.css 样式表文件 -->
  <link rel="stylesheet" type="text/css" href="mycss.css">
  <title>页面标题</title>
  <style>
    body {
      background-color: linen;
      text-align: center;
    }
    h1 {
      color: red;
    }
    .haha {
      margin-top: 100px;
      color: chocolate;
      font-size: 50px;
    }
  </style>
</head>
<body>
  <h1>我是有样式的</h1>
  <hr>
  <p class="haha">还是有点丑：)</p>
</body>
</html>

该例子与上述例子一样的效果，但注意在元素中引入了

3.内联样式

所谓内联样式，就是直接把样式规则直接写到要应用的元素中，如：

<h3 style="color:green;">I am a heading</h3>

提示： 内联样式是最不灵活的一种方式，完全将内容和样式合在一起，实际应用中非常少见。

4.级联的优先级

这就涉及样式的优先级问题，从高到低分别是：

1.内联样式
2.内部样式表或外部样式表
3.浏览器缺省样式

注： 其实，一句话可总结为哪个样式定义离元素的距离近，哪个就生效。

网页美化

1.颜色

指定颜色是通过使用预定义的颜色名称，或 RGB、HEX、HSL、RGBA、HSLA 值。
我们可以采用颜色名称也可以使用颜色RGB16进制值，来设定前景或背景的颜色。如：

<!-- 颜色名称 -->
<h3 style="background-color:Tomato;">Tomato</h3>
<h3 style="background-color:Orange;">Orange</h3>
<h3 style="background-color:DodgerBlue;">DodgerBlue</h3>
<h3 style="background-color:MediumSeaGreen;">MediumSeaGreen</h3>
<h3 style="background-color:Gray;">Gray</h3>
<h3 style="background-color:SlateBlue;">SlateBlue</h3>
<h3 style="background-color:Violet;">Violet</h3>
<h3 style="background-color:LightGray;">LightGray</h3>
<hr>
<!-- 颜色值，3个字节分别代表RGB（Red，Green，Blue）的0～255的值 -->
<h3 style="background-color:#ff0000;">#ff0000</h3>
<h3 style="background-color:#0000ff;">#0000ff</h3>
<h3 style="background-color:#3cb371;">#3cb371</h3>
<h3 style="background-color:#ee82ee;">#ee82ee</h3>
<h3 style="background-color:#ffa500;">#ffa500</h3>
<h3 style="background-color:#6a5acd;">#6a5acd</h3>
<!-- 文本颜色 -->
<h3 style="color:Tomato;">Hello World</h3>
<p style="color:DodgerBlue;">Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
<p style="color:MediumSeaGreen;">Ad facilis est ducimus rem consectetur, corporis omnis, eveniet esse dolor molestiae numquam odio corrupti, sed obcaecati praesentium accusamus? Tempora, dolor a?</p>

注意： 为演示方便，我们的样式采用了内联方式，实际中不能这样做！

2.尺寸（高度和宽度）

height 和 width 属性用于设置元素的高度和宽度。
height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。常见的尺寸单位有：像数 px，百分比 %等。
新建如下 HTML 文件：

<html>
  <head>
    <link rel="stylesheet" href="./mycss.css">
  </head>
  <body>
    <div class="example-1">
      这个元素高 200 pixels，占据全部宽度
    </div>
    <div class="example-2">
      这个元素宽200像素,高300像素
    </div>
  </body>
</html>

再建对应的 CSS 文件如下：

.example-1 {
  width: 100%;
  height: 200px;
  background-color: powderblue;
  text-align: center;
}
.example-2 {
  height: 100px;
  width: 500px;
  background-color: rgb(73, 138, 60);
  text-align: right;
}

3.对齐

对于元素中的文本，我们可以简单的设置text-align属性为left, center, right即可（显然缺省的是左对齐）。
text-align 属性用于设置文本的水平对齐方式。
文本可以左对齐或右对齐，或居中对齐。
盒子模型指的是一个 HTML 元素可以看作一个盒子。从内到外，这个盒子是由内容 content, 内边距 padding, 边框 border, 外边距 margin构成的，如下图所示：
在这里插入图片描述

说明：
Content 盒子的内容，如文本、图片等
Padding 填充，也叫内边距，即内容和边框之间的区域
Border 边框，默认不显示
Margin 外边距，边框以外与其它元素的区域

新建如下 HTML 文件：

<html>
  <head>
    <link rel="stylesheet" href="./mycss.css">
  </head>
  <body>
    <div class="box1">我是内容一，外面红色的是我的边框。注意边框的内外都有25px的距离。</div>
    <div class="box2">我是内容二，外面蓝色的是我的边框。注意与上面元素的外边距，发生了叠加，不是50px而是25px。</div>
  </body>
</html>

再建对应的 CSS 文件如下：

.box1 {
  height: 200px;
  width: 200px;
  background-color:#615200;
  color: aliceblue;
  border: 10px solid red;
  padding: 25px;
  margin: 25px;
}
.box2 {
  height: 300px;
  width: 300px;
  background-color:#004d61;
  color: aliceblue;
  border: 10px solid blue;
  padding: 25px;
  margin: 25px;
}

提示： 在页面上点击鼠标右键，选择审查元素，你可清楚看到如下图所示的布局。

留意上图，你会发现一个元素真正占据的宽度应该是：
左外边距 + 左边框宽度 + 左内边距 + 内容宽度 + 右内边距 + 右边框宽度 + 右外边距
因此，我们在用width属性设置元素的宽度时，实际上只设置了其内容的宽度。
思考： 请想想高度该如何计算？
提示： 无论边框、内边距还是外边距，它们都有上下左右四个方向。

4.溢出

代码：

<!-- HTML -->
<div class="example-relative">这是父元素，有 relative 定位属性
  <div class="example-absolute">
    这是子元素，有 absolute 定位属性
  </div>
</div>
<!-- CSS -->
.example-relative {
  position: relative;
  width: 400px;
  height: 200px;
  border: 3px solid rgb(87, 33, 173);
}
.example-absolute {
  position: absolute;
  top: 80px;
  right: 5px;
  width: 200px;
  height: 100px;
  border: 3px solid rgb(218, 73, 16);
}

overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。
overflow 属性可设置以下值：

visible - 默认。溢出没有被剪裁。内容在元素框外渲染
hidden - 溢出被剪裁，其余内容将不可见
scroll - 溢出被剪裁，同时添加滚动条以查看其余内容
auto - 与 scroll 类似，但仅在必要时添加滚动条
注释：overflow 属性仅适用于具有指定高度的块元素。

关于滚动，我们还可以单独对上下或左右方向进行，如下代码所示：

<!-- HTML -->
<div class="example-overflow-scroll-y">You can use the overflow property when you want to have better control of the
    layout. The overflow property specifies what happens if content overflows an element's box.
</div>
<!-- CSS -->
.example-overflow-scroll-y {
  width: 200px;
  height: 100px;
  background-color: #eee;
  overflow-y: scroll;
}

5.浮动

float 属性用于定位和格式化内容，例如让图像向左浮动到容器中的文本那里。
float 属性可以设置以下值之一：

left - 元素浮动到其容器的左侧
right - 元素浮动在其容器的右侧
none - 元素不会浮动（将显示在文本中刚出现的位置）。默认值。
inherit - 元素继承其父级的 float 值

让图片向右浮动，代码如下：

<html>
<head>
  <style>
    .example-float-right {
      float: right;
    }
  </style>
</head>
<body>
  <img src="https://mdbootstrap.com/img/Photos/Others/placeholder1.jpg" class="example-float-right" alt="">
  <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem, architecto officiis, repellendus
  corporis obcaecati, et commodi quam vitae vel laudantium omnis incidunt repellat qui eveniet fugiat totam
  modi nam vero!</p>
</body>
</html>

一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
浮动元素之后的元素将围绕它。
一个元素浮动后，其后的元素将尽可能包围它，或者说出现在这个浮动元素的左或右方。
如果希望浮动元素后面的元素在其下方显示，可使用clear: both样式来进行清除。

6.不透明度

opacity 属性指定元素的不透明度/透明度
值在[0.0～1.0]之间，值越低，透明度越高，如下图所示：

<html>
<head>
<style>
div.background {
  background: url(klematis.jpg) repeat;
  border: 2px solid black;
}

div.transbox {
  margin: 30px;
  background-color: #ffffff;
  border: 1px solid black;
  opacity: 0.6;
}

div.transbox p {
  margin: 5%;
  font-weight: bold;
  color: #000000;
}
</style>
</head>
<body>

<div class="background">
  <div class="transbox">
    <p>这是一些位于透明框中的文本。</p>
  </div>
</div>

</body>
</html>

例子解释
首先，我们创建一个带有背景图像和边框的 < div> 元素（class=“background”）。
然后，我们在第一个 < div> 中创建另一个 < div>（class=“transbox”）。
< div class=“transbox”> 有背景色和边框 - 这个 div 是透明的。
在透明的 < div> 内，我们在 < p> 元素内添加了一些文本。

盒子模型

1.边框

CSS border 属性允许您指定元素边框的样式、宽度和颜色
代码：

<p class="example-1">I have black borders on all sides.</p>
<p class="example-2">I have a blue bottom border.</p>
<p class="example-3">I have rounded grey borders.</p>
<p class="example-4">I have a purple left border.</p>
.example-1 {
  border: 1px dotted black; /* 上下左右都相同 */
}
.example-2 {
  border-bottom: 1px solid blue; /* 只设置底部边框 */
}
.example-3 {
  border: 1px solid grey;
  border-radius: 15px; /* 边框圆角 */
}
.example-4 {
  border-left: 5px solid purple;
}

2.边距

CSS padding 属性用于在任何定义的边界内的元素内容周围生成空间。
下面样式说明了内边距的设置：

padding: 20px; /* 上下左右都相同 /
padding-top: 20px;
padding-bottom: 100px;
padding-right: 50px;
padding-left: 80px;
padding: 25px 50px 75px 100px; / 简写形式，按上，右，下，左顺序设置 /
padding: 25px 10px; / 简写形式，上下为25px，左右为10px */

外边距与此类似。
提示： 请留意简写时的顺序为上，右，下，左，或记为顺时针方向。
position属性用于对元素进行定位。该属性有以下一些值：
static 静态
relative 相对
fixed 固定
absolute 绝对
设置了元素的position属性后，我们才能使用top, bottom, left, right属性，否则定位无效。

定位

1.static

HTML 元素默认情况下的定位方式为 static（静态）。
静态定位的元素不受 top、bottom、left 和 right 属性的影响。
position: static; 的元素不会以任何特殊方式定位；它始终根据页面的正常流进行定位
实例：

div.static {
  position: static;
  border: 3px solid #73AD21;
}

2.relative

设置为相对定位position: relative;，设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。
代码：

div.relative {
  position: relative;
  left: 30px;
  border: 3px solid #73AD21;
}

3.fixed

设置为固定定位position: fixed;，即使滚动页面，它也始终位于同一位置。 top、right、bottom 和 left 属性用于定位此元素。
固定定位的元素不会在页面中通常应放置的位置上留出空隙。
此时元素固定的位置仍由top, bottom, left, right属性确定，但相对的是视口（viewport，就是浏览器的屏幕可见区域）
实例：

div.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  border: 3px solid #73AD21;
}

4.absolute

设置为绝对定位position: absolute;，将使元素相对于其最近设置了定位属性（非static）的父元素进行偏移（而不是相对于视口定位，如 fixed）。
如果该元素的所有父元素都没有设置定位属性，它将使用文档主体（body），并随页面滚动一起移动
注意：“被定位的”元素是其位置除 static 以外的任何元素。
实例：

div.relative {
  position: relative;
  width: 400px;
  height: 200px;
  border: 3px solid #73AD21;
} 

div.absolute {
  position: absolute;
  top: 80px;
  right: 0;
  width: 200px;
  height: 100px;
  border: 3px solid #73AD21;
}
~折枝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML与CSS学习总结
weixin_46051260的博客
11-01 1670
HTML与CSS学习总结 一，HTML 大致学习框架是这样，具体内容有相关笔记（因为时间关系，借鉴了一起学习的同学的笔记加了自己的内容） 二，CSS CSS3具体笔记还未完善 三，三个学习阶段的学习成果 四，困难 在刚开始做淘宝页面时，因为学习时间不是很长，对网页布局不是很明确，盒子模型运用起来较为艰难，在此过程中优先级也是一大阻碍。随着慢慢的自己摸索，可以自己构建盒子模型了，但是过程中有很多地方步骤都较为繁琐。在自己做网页过程中，一定要看好网页的大致布局是什么样的，也就是找出它的大盒子，然后再
HTML+CSS学习总结
weixin_53351919的博客
06-26 2808
html+css学习总结
HTML&CSS学习总结
autismhealer的博客
07-09 947
这学期新学习
HTML & CSS 学习总结
qq_58804208的博客
07-09 432
个人学习html和css的总结
HTML和CSS学习总结
被无情调岗的痛苦狗头
06-20 1053
HTML学习总结一、HTML简介二、三、 一、HTML简介 二、 三、
css学习总结
qq_51086303的博客
06-19 827
css总结 1 CSS的定义 主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。 CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 2.CSS基础语法 CSS规则由两个主要部分构成：选择器以及一条或多条声明。 每条声明由一个属性和一个值组成。属性(property)是设置的样式属性，每个属性有一个值，属性和值被冒号分开。 比如 selector{prope
CSS学习总结与心得体会
m0_49305575的博客
07-11 6520
CSS的学习总结与心得体会 CSS又称为层叠样式表，学习CSS就是学习许多选择器以及属性。CSS的主要作用是对前端页面进行布局与美化。 布局 盒子模型 块级元素并排显示 盒子模型 盒子模型是对页面进行布局所需要使用的非常重要的一部分。盒子模型本质上就是一个盒子，它包括边距（margin）、边框（border）、填充（padding）、内容（content）、背景（backbround），下面对每一部分进行简单的说明。 margin(外边距)：清除边框外的区域，外边距是透明的； border(边框)：
关于对CSS学习的总结
Sugger_99的博客
02-25 2587
关于对CSS学习的总结 W3C World Wide Web Consortium的缩写，中文是W3C组织或者万维网联盟。 W3C标准或者叫web标准 web标准是一系列的标准。 结构层： HTML 用于描述网页的展示结构； 表现层： CSS 用于修饰装饰网页的美观度； 行为层: JavaScript 用于完成页面的组件； CSS CSS是Cascading Style Sheet的缩写，翻译为“层叠样式表”，简称“样式表”。 主要用于修饰 html xhtml html5 xml 让网页有这种千变
HTML/CSS学习总结
豪阁的个人博客
01-01 3687
哈喽，各位新年快乐呀！今天是2019年的第一天，在这里祝愿大家新的一年能够身体健康、事事顺利，同时希望自己能够在新的一年里完成自己当初所定下的目标。 言归正传，很高兴我并没有经过多久继续更新博客，上一次发博还是在一周前的平安夜。在这一周的闲余时间里我抓紧时间学习，在W3School中文站把HTML/HTML5和CSS/CSS3的基础耐心地过了一遍，期间也完成了一些实例和测验，由于存在以往自身在其...
CSS学习总结.docx
03-17
【CSS学习总结】 CSS，全称Cascading Style Sheets，中文称为层叠样式表，是一种用于定义HTML或XML（包括SVG、XHTML等）文档样式的样式表语言。它的主要功能是让网页的设计更加美观，能够精准控制网页的布局、颜色...
CSS使用学习总结
10-30
【CSS使用学习总结】 在CSS的学习过程中，有几点重要的原则和技巧值得我们关注。首先，在为元素分配ID和类名时，应遵循语义化的原则，避免与表现形式直接关联。比如，不要使用像`contleft`这样的名字，因为它暗示了...
CSS学习总结思维导图.xmind
09-20
css学习总结思维导图
CSS 学习总结.docx
11-24
CSS具有继承性，子元素可以继承父元素的一些样式，但某些属性如`font-size`和`color`可以继承，而`display`或`position`则不会。 CSS的选择器有多种类型： 1. **通用选择器（*）**：匹配任何元素，常用于设置默认...
CSS样式的基础学习总结
09-25
【CSS样式的基础学习总结】 CSS，全称Cascading Style Sheets，中文译为级联样式表，是一种用于描述HTML或XML文档（包括如SVG、MathML等各种XML方言）外观和格式的语言。它允许我们将样式信息与结构化内容分离，...
前端三件套之一：css学习总结思维导图
最新发布
04-02
个人总结，希望能有所帮助
div+css学习总结.doc
10-07
DIV+CSS 学习总结 DIV+CSS 是一对强大的前端开发组合， DIV responsible for structuring content on the web page, while CSS is responsible for styling and layout. In this summary, we will cover the ...
CSS学习总结：掌握CSS样式规则和使用方式
CSS学习总结 CSS（Cascading Style Sheets），中文名为“层叠样式表”，是用于表现HTML或XML等文件式样的计算机语言。它可以对网页的布局、字体、颜色、背景和其他效果实现更加精确的控制。 1. CSS简介 CSS全称为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值