web前端（46～

已于 2022-11-04 00:03:37 修改
阅读量408 收藏
点赞数
文章标签： 前端 css vscode
于 2022-11-03 14:15:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54084071/article/details/127608620
版权

四十六、标签群组通配选择器

1.标签选择器

  • css：div{}
  • html：

    使用场景：
  • 1.去掉某些标签的默认样式时
  • 2.复杂的选择器中，如：层次选择器

2.群组选择器（分组选择器）

  • css：div,p,span{}（用逗号隔开）

可以通过逗号的方式，给多个不同的选择器添加统一的css样式，来达到代码的复用，让css写起来更加简单灵活。

3.通配选择器

  • *{ }

使用场景：

  • 1.去掉所有标签的默认样式时

注：尽量避免使用通配选择器，因为会给所有的标签添加样式，慎用

<head>
    <style>
        /* div{ background-color: red;  } */
        /* #text{background-color: red;} */
        /* .title{background-color: red;} */
        div,#text,.title{background-color: red;}
        /* *{ border:1px red solid;}
    </style>
</head>
<body>
    <div>第一个块</div>
    <p id="text">这是一个段落</p>
    <h2 class="title">这是一个标题</h2>
</body>

四十七、层次选择器

  • 后代：M N
  • 父子：M>N
  • 兄弟：M～N（当前M下面的所有兄弟N标签）
  • 相邻：M+N（当前M下面相邻的N标签）
 <head>  
    <style>
   /* ul li{border: 1px red solid;}后代选择 在ul中寻找li */
   /* ul>li{border: 1px red solid;} 父子选择*/
   /* div~h2{background:red;)兄弟选择器*/
    /* div+h2{background:red;} 相邻选择器*/
    </style>
</head>
<body>
    <ul>
        <li>
            <li></li>
            <li></li>
            <li></li>
        </li>
        <li></li>
        <li></li>
    </ul>
    <ol>
        <li></li>
        <li></li>
        <li></li>
    </ol>
    <div>这是一个块</div>
    <h2>这是一个标题</h2>
    <p>这是一段话</p>

四十八、属性选择器

  • M[attr]：M元素选择指定为attr属性的集合
  • M[attr=（完全匹配）value]：M元素选择指定为attr属性与value值的集合
  • M[attr*=（部分匹配）value]：M元素选择指定为attr属性并且包含值为value的集合
  • M[attr^=（起始匹配）value]：M元素选择指定为attr属性并且起始值为value的集合
  • M[attr$=（结束匹配）value]：M元素选择指定为attr属性并且结束值为value的集合
  • M[attr1][attr2]组合匹配）：M元素选择满足多个属性的集合
<head>
   <style>
     /* div[class]{background: red;} */
     /* div[class=box]{background: red;}  */
     /* div[class*=search]{background: red;} */
     /* div[class^=search]{background: red;} */
     /* div[class$=search]{background: red;} */
     /* div[class][id]{background: red;} */
    </style>
</head>
<body>
    <div>aaaaa</div>
    <div class="box" id="elem">aaaaa</div>
    <div class="search">aaaaa</div>
    <div class="search-button">dddd</div>
    <div class="button-search">ffff</div>
</body>

四十九、hover等伪类选择器

伪类选择器1️⃣（M:伪类{}）

css伪类用于向某些元素添加特殊的效果。一般用于初始样式添加不上的时候，用伪类来添加。

  • :link【访问前的样式】只能添加给a标签
  • :visited 【访问后的样式】只能添加给a标签
  • :hover【鼠标移入时的样式】可以添加给所有的标签
  • active 【鼠标按下时的样式】可以添加给所有的标签

如果四个伪类都生效，一定要注意顺序：L V H A
清理缓存：shift+ctrl+del
注：一般的网站都只设置 a{}（link visited active） a：hover{}

 <head>
    <style>
        div{width:200px;height: 200px;background-color: red;}
        /* div:hover{background-color: blue;}
        div:active{background-color: green;} */
        a:link{color: red;}
        a:visited{color: blue;}
        a:hover{color: yellow;}
        a:active{color: green;}
    </style>
</head>
<body>
    <div>11 </div>
    <a href="这是一段链接"></a>
</body>

五十、after等伪类选择器

伪类选择器2️⃣

  • :after、:before 【通过伪类的方式给元素添加一些文本内容，使用content属性】

两个冒号表示伪元素

  • :checked、:disabled、:focus（输入框鼠标进入时改变）【都是针对表单元素的】
<head>
     <style>
   div:after{ content: "world";}
    </style>
</head>
<body>
    <div>hello</div>
</body>

五十一、结构伪类选择器

伪类选择器3️⃣

:nth-of-type( ) :nth-child( )
:first-of-type( ) :first-child( )
:last-of-type( ) :last-child( )
:only-of-type( ) :only-child( )

角表从1开始，1表示第一项，2表示第二项
n值 表示从0到无穷大

  • 隔行换色
    设置角标为2n：偶数行
    设置角标为2n+1:奇数行
  • nth-of-type()和nth-child()之间的区别
    type：类型（在相同标签下作用）
    child：孩子（在同一级下按顺序作用于标签）

五十二、css的样式继承

  • 文字相关的样式可以被继承（可以作用到副元素上，子元素是可以继承的）
  • 布局（比如表格）相关的样式不能被继承（默认是不能继承的，但是可以设置继承属性 inherit 值）
<head>
     <style>
  div{width:300px;height: 300px;border:1px red solid;
  color:red;font-size: 30px;}
  p{border:inherit}
    </style>
</head>
<body>
    <div>
  <p>这是一个段落</p>
    </div>
</body>

五十三、单一样式的优先级

  • 相同样式的优先级
    当设置相同样式时，后面的优先级较高，但不建议出现重复设置样式的情况
  • 内部样式与外部样式
    内部样式与外部样式优先级相同，如果都设置了相同样式，那么后写的引入方式优先级高
  • 单一样式优先级
    style行间 > id > class > tag（标签） > * > 继承

注：
style行间 权重 1000
id 权重 100
class 权重 10
tag 权重 1

 <head>   
    <style>
        div{color:red}
        div{color:blue} 
    </style>
</head>
<body>
    <div>这是一个块</div>
</body>

五十四、important群组等优先级

  • ！important
    提升样式优先级，非规范方式，不建议使用。（无法提升继承的优先级）
  • 标签+类与单类
    标签+类 > 单类
  • 群组优先级
    群组选择器与单一选择器的优先级相同，靠后写的优先级高。
<head>
     <style>
  #elem{color:red !important}
    </style>
</head>
<body>
    <div id="elem" style="color:blue;">这是一个块</div>
</body>

五十五、层次的优先级

  • 1.权重比较
    ul li .box p input{} 1+1+10+1+1
    .hello span #elem{} 10+1+100

不是累加比较，是根据等级比较

  • 2.约分比较
    ul和span优先级相同，.hello与.box的优先级相同，约去
    则上方li p input{}，下方#elem{}，上方的权重大于下方的权重，所以第二个优先级大

尽量写三层以内，优化代码

五十六、css盒子模型

组成

content（物品）->padding（填充物）->border（包装盒）->margin（外边距 盒子与盒子之间的间距）

  • content：内容区域 width和height组成的
  • padding：内边距（内填充）

只写一个值number：30px（上下左右）
写两个值number：30px 40px（上下、左右）
写四个值number：30px 40px 50px 60px（上、右、下、左）

单一样式只能写一个值：
padding-left
padding-right
padding-top
padding-bottom

  • margin：外边距（外填充）书写方式类似于padding

注：1、背景颜色会填充到margin以内的区域（其他部分也能被填充，且不能被修改，不包括margin区域）
2、文字会显示在content区域
3、padding不能出现负值，margin是可以出现负值

<head>
    <style>
        #box{ width: 200px;height: 200px;background: red;border: blue solid;
        padding: 30px;margin: 10px;}
        #box2{width: 200px;height: 200px;background: yellow;}
    </style>
</head>
<body>
    <div id="box">这是一个盒子</div>
    <div id="box2">这又是一个盒子</div>

五十七、box-sizing改变盒模型

box-sizing属性允许您一以特定的方式定义匹配某个区域的特定元素。取值为content-box（默认值）｜border-box
盒尺寸，可以改变盒子模型的展示形态。

  • 默认值：content-box：width、height->content
  • border-box：width、height->content padding border
  • 使用场景

1.不用计算一些值
2.解决一些100%的问题

 <head>
    <style>
        #box{ width: 200px;height: 200px;background: red;border:10px  blue solid;
        padding: 30px;margin: 50px;
    box-sizing:border-box;}
        
    </style>
</head>
<body>
   <div id="box">这是一个盒子</div>

五十八、盒模型之margin叠加问题

  • margin叠加
    当给两个盒子同时添加上下外边距的时候，就会出现叠加的问题。这个问题，只在上下有，左右是没有这个叠加问题的。（会取上下中值较大的作为叠加的值）
  • 解决方案：
    1、BFC规范
    2、想办法只给一个元素添加间距。
  <head>
     <style>
        #box{ width: 200px;height: 200px;background: red;margin-bottom: 30px;}
        #box{ width: 200px;height: 200px;background: blue;margin-top: 20px;}
        
    </style>
</head>
<body>
   <div id="box1">这是一个盒子</div>
   <div id="box2">这是一个盒子</div>

五十九、盒模型之margin传递问题

margin传递的问题只会出现在嵌套的结构中，且只有margin-top会有传递的问题，其他三个方向是没有传递问题的。

  • 解决方案：
    1.BFC规范
    2.给父容器加边框
    3.margin换成padding（加给副元素，不是主元素）
  <head>
    <style>
        #box1{ width: 200px;height: 100px;background: red;padding-top: 100px}
        #box2{ width: 100px;height: 100px;background: blue;}
        
    </style>
</head>
<body>
   <div id="box">
       <div id="box2"></div>
   </div>

六十、css盒子模型之扩展

  • margin自适应居中
    margin左右自适应是可以的，但是上下自适应不行（会给其他样式产生冲突，若想实现上下自适应的话，需要在第二大部分进行学习）
<head>    
    <style>
        #box{ width: 400px;height: 100px;background: red;margin:0 auto;}/*居中*/
        
    </style>
</head>
<body>
   <div id="box"></div>
</body>
  • 不设置content的现象
    width、height不设置的时候，对盒子模型的影响：会自动去计算容器的大小，节省代码
 <head>
    <style>
        #box1{height: 300px;width: 300px;background: red;}
        /* #box2{height: 100%;width: 100px;background: blue;color: white;padding-left: 30px;border-left: black solid;} */
        #box2{height: 100%;background: blue;color: white;padding-left: 30px;border-left: black solid;}
    </style>
</head>
<body>
   <div id="box1">
       <div id="box2">  这是一段文字 </div>
   </div>

六十一、按类型划分标签

  • block：块（div、p、ul、li、h1…）

1）独占一行
2）支持所有样式
3）不写宽的时候，跟父元素的宽相同
4）所占区域是一个矩形

  • inline：内联（span、a、em、strong、img…）

1)挨在一起的
2）有些样式不支持，例如：width、height、margin（左右不支持，上下不支持）、padding
3）不写宽的时候，宽度由内容决定
4）所占的区域不一定是矩形
5）当两个内联标签写完后中间会有个空隙：换行产生空隙，可以通过修改样式解决

  • inline-block：内联（input、select…）

1)挨在一起，但是支持宽高
2)既有块的特性，又有内联的特性（存在空隙）
注：布局一般用块标签，修饰文本一般用内联标签

六十三、按内容划分标签

Flow：流内容（包含了以下所有内容）
Metadata：元数据
Sectioning：分区
Heading：标题
Phrasing：措辞
Embedded：嵌入的
Interactive：互动的
w3网址

六十四、按显示划分标签

  • 替换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容，如：image、input…
  • 非替换元素：将内容直接告诉浏览器，将其显示出来（只写标签就可以，不需要通过属性来操作）如：div、h1、p…

六十五、display显示框类型

block
inline
inline-block
none（让指定标签不在页面中显示，不占空间的隐藏）
visibility：hidden（占空间的隐藏）

     <style>
        div{width:100px;height: 100px;display: inline;background: red;}
        span{width:100px;height: 100px;display: block;background: red;}
    </style>

六十六、标签嵌套规范

  • 块标签可以嵌套内联标签
  • 块标签不一定能嵌套块标签（绝大部分可以）
    但是p标签里面不能嵌套div标签
  • 内联标签不能嵌套块标签
    特殊：a标签可以
    但两个a标签不能嵌套在一起

六十七、overflow溢出隐藏

  • visible：默认
  • hidden（会对字进行剪切）
  • scoll（会出现滚动条x轴与y轴）
  • auto（只有y轴有滚动条，当内容多的时候出现，内容少不出现）

overflow-x，overflow-y针对两个轴分别设置

六十八、透明度与手势

  • opacity（占空间）
    0（透明）～1（不透明）
    0.5（半透明）

所有的字内容也会透明

  <head>  
    <style>
div{width: 100px;height: 100px;background: red;opacity: 0.5;}
    </style>
</head>
<body>
 <div>这是一个块</div>
 <p>这是一个段落</p>
  • rgba（）：0～1

可以只针对背景操作，不针对文字，不影响其他样式

 <head> 
    <style>
#div1{width: 100px;height: 100px;background: red;opacity: 0.5;}
#div2{width: 100px;height: 100px;background: rgba(255,0,0,0.5);;}
    </style>
</head>
<body>
 <div id="div1">这是一个块</div>
 <p>这是一个段落</p>
 <div id="div2">这又是一个块</div>
</body>
  • cursor：手势
    default：默认

point 手形
move可移动样式
help鼠标后面有问号

要实现自定义手势：

准备图片：.cur .ico
cursor:url(目标路径/xxx.ico),auto;

六十九、最大最小宽高

  • min-width、max-width
  • min-height、max-height

注：强化对百分比单位的理解

  • %单位：换算->以父容器的大小进行换算的

一个容器怎么适应屏幕的高：容器加height：100%；body：100%；html：100%
写法：html,body{height:100%;}
. container{height:100%;}

七十、css默认样式

有些标签有默认样式，有些标签没有默认样式。

  • 没有默认样式：
    div、span、…
  • 没有默认样式：
    body->margin:8px
    h1…h6:->margin:上下 21.440px
    p->margin:上下 16px
    ul->margin:上下 16px padding:左 40px
    默认点：list-style：disc
    a->text-decoration:underline

有些默认样式对网页开发有利，有些不利

七十一、css重置样式（css reset）

简单的CSS reset：

  • *{margin:0;padding:0;}
    优点：不用考虑哪些标签有默认的margin和padding
    缺点：稍微的影响性能
    body,p,h1,ul{margin:0;padding:0;}
  • ul{list-style:none;}
  • a{text-decoration:none;color:#666;}
  • img{display:block;}
    问题的现象：图片跟容器底部有一些空隙。
    原因：内联元素的对齐方式是按照文字基线对齐，而不是文字底线对齐的。
    基线对齐方式，默认值：verlical-align:baseline；
    img{vertical-align:bottom;} 解决方式是推荐的（或者display:block;)
  • 写具体页面的时候或一个布局效果的时候：

1、写结构

2、CSS重置结构

3、具体样式

七十八、float浮动概念及原理

  • 文档流
    文档流是文档中可显示对象在排列时所占用的位置。
  • float特性
    加浮动的元素，会脱离文档流，会延迟父容器靠左或者靠右排列，如果之前已经有浮动的元素，会挨着浮动的元素进行排列。
  • float取值
    left
    right
    none（默认）
<head>
    <style>
          body{border: 1px black solid;}
     #box1{width: 100px;height: 100px;background: yellow;float:left}
     #box2{width: 200px;height: 200px;background: red;}
    </style>
</head>
<body>
    <div id="box1"></div>
    <div id="box2"></div>

七十九、float注意点整理

  • 只会影响后面的元素
  • 内容默认提升半层
  • 默认宽根据内容决定
  • 换行排列（浮动元素在父容器当中排列不下的时候，就会折行排在下面）
  • 主要给块元素添加，但也可以给内联元素添加
<head>   
    <style>
        body{border: 1px black solid;}
     #box1{width: 100px;height: 100px;background: yellow;}/* 下面的浮动不会影响上面的内容 */
     #box2{width: 200px;height: 200px;background: red;float: left;}
     #box3{width:300px;height:300px;background: blue;}
     #box4{height:10px;background: green;float: left;}/* 浮动的默认宽根据内容长度来决定 */
    </style>
</head>
<body>
    <div id="box1"></div>
    <div id="box2"></div>
    <div id="box3">文字文字文字文字</div><!-- 内容默认高于背景 -->
    <div id="box4">这个块没有宽度</div>
</body>

八十、八十一 清除float浮动

  • 利用clear属性清除浮动：(left,right,both)
    固定宽高：不推荐，不能把高度固定死，不适合做自适应的效果

    父元素浮动：不推荐，因为父容器浮动会影响到后面的元素

    overflow：hidden(BFC规范），如果子元素想溢出，那么会受到影响

    display：inline-block（BFC规范），不推荐，父容器会影响到后面的元素

    设置空标签：不推荐，会多添加一个标签

    after伪类：推荐，是空标签的加强版，目前各大公司的做法(clear属性只会操作块标签，不会影响内联标签）

<head>
    <style>
       #box1{width: 100px;height: 100px;background: red;float:left}
       #box2{width: 200px;height: 200px;background: blue;clear: left;}
    </style>
</head>
<body>
    <div id="box1"></div>
    <div id="box2"></div>
扰乱了你的心
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
前端条件筛选框多选框
just_xiaowei的博客
01-15 600
自定义多选框
web前端初级.pdf
05-23
Web 前端开发职业技能标准串讲教案初级，内共有四篇：第一篇web页面制作基础，第二篇html5和css3开发基础与应用，第三篇JavaScript程序设计，第四篇轻量级框架开发应用。
html定制样式,利用纯CSS3定制单选/多选框样式_html/css_WEB-ITnose
weixin_39767983的博客
06-20 355
在前端开发中，往往需要对默认元素的样式进行修改。然而有的元素却不是那么容易就能找到它所对应的样式的，今天要讨论的重点内容就是以及这两款默认表单元素的样式修改问题。我们以复选框为例子。在webkit内核浏览器如chrome中，复选框未选中的默认样式如下图：选中以后如下图：嗯，是挺丑的……如果我们想对它进行样式的修改，应该怎么办呢？按照常规，我们现查看一下它的默认样式都有一些什么属性：在user ag...
antd - Checkbox多选（Tab) 类型样式
前端小跑堂的博客
11-03 969
Tab多选样式 解决方式 <Form.Item name="detectionIds" label="XXXX" rules={[{ required: true, message: '请选择XXXX' }]}> <Checkbox.Group onChange={(ids) => categoryChange(ids)} className={styles.specimenCheckbox}> {(detectionData || []).map((item:
有趣的css - 勾选动效多选框
最新发布
设计师工作日常
05-23 1192
动效勾选的多选框按钮，适用于注册页中，用户协议勾选时的场景，可以有效增加用户交互体验。
后端对前端传来的列表数据进行批量的增删改查
m0_46496021的博客
03-15 747
注意：还有一种方法，删除的时候将数据从列表中删掉，然后传到后端之后，后端拉取原始数据进行比对，然后判断对哪些数据进行删除。这种方法有一个明显的缺陷！如果在用户编辑的过程中，数据已经被其他人修改，那么后端进行比对的时候，很有可能把别人新增的数据给删了！前端捞列表数据展示，用户可以对这些数据进行删除、修改和新增，点击保存后，列表数据整体传递到后端。用户新增数据后，将该数据插入列表中，并且标记为新增，同理，编辑和删除的数据也做标记。
简单的checkbox多选框样式修改（纯css3）
high_height的博客
02-26 5497
今天在做项目的时候有需要用到多选框，并且因为ui的关系，需要稍微美化一下多选框，所以找到了实现方法，挺实用的，不需要脚本就能实现。前端布局如下：&lt;input class="select-tag-input" type="checkbox" id="tag-id"style="display: none;"&gt;&lt;label class="tag-label" for=&q
Web前端大作业.zip
05-22
《Web前端大作业——构建漫步时尚广场完整项目》 在本次Web前端的大作业中，我们面临的挑战是构建一个名为“漫步时尚广场”的完整项目。这个项目涵盖了网页设计、交互实现以及后端数据处理等多个方面，旨在提升我们...
WEB前端-案例汇总
11-08
在“WEB前端-案例汇总”这个资源包中，包含了丰富的前端开发实例，旨在帮助初学者逐步进阶，全面掌握前端开发的各项技能。这个资源大汇总几乎涵盖了前端开发的所有领域，对于想要深入学习和理解Web前端技术的人来说...
Web前端网页期末大作业
01-10
主页设计布局是在网站的左上... 首先选定 本网页制作工具是前端开发利器： WebStorm，创建前端项目工程，并创建相应的文件夹，存放各个css、js，还有网页中用到的各种图片放到pic文件夹中，背景音乐放到music文件夹中。
web前端技术方案web前端技术方案
05-07
Web 前端技术方案 一、前端技术体系的基本架构 前端技术体系的基本架构应遵循以下原则： 1. 围绕业务发展：前端技术体系的设计应紧扣业务需求，确保技术架构的演进是为了支撑业务的发展。 2. 结合团队规模和特点...
6个Web前端纯CSS3实现的单多选选择框（六）
08-13
在线效果：http://ynif.v099.10000net.cn/demo/checkbox/6/checkbox/index.html
HTML + CSS 连载 | 35 - 单选、多选框和 textarea
JingnanJia的博客
10-31 1988
input 元素可以实现单选框的效果，结合 lable 元素，只需要将 type 设置为 radio 就表示为单选框，但是同时需要设置单选框的文本，文本内容直接写在 input 元素的后面即可；来实现多选框，除了 type 属性外，多选框也需要设置 name 属性，对于同一类型的 checkbox，name 属性要保持一致。点击按钮，页面会发生跳转，可以从地址栏中看到我们向后端发送的数据内容，可以看到 value 属性的值就是我们向服务器发送的数据。
自定义原生多选/单选框样式
文龙刚的博客
01-05 642
【代码】自定义原生多选/单选框样式。
【Element-ui】Checkbox 多选框 与 Input 输入框
m0_62599305的博客
12-02 4018
在现代Web应用程序的开发中，用户交互和界面设计至关重要。Element-ui为Vue.js提供了一套丰富的组件，其中包括Checkbox多选框和Input输入框。Checkbox多选框允许用户从多个选项中进行选择，而Input输入框则是用户输入文本的关键元素。本文将深入介绍这两个组件，探讨它们的用法和特性，以帮助开发人员更好地利用它们构建出直观、友好的用户界面。Checkbox 多选框：Element-ui的Checkbox多选框是一种灵活的选择控件，通过简单的配置，可以实现单个或多个选项的选择。通过与数
Vue教程：如何使用Div标签实现单选框与多选框按钮以便我们随意调整样式
wfeil211的博客
02-27 4328
Vue教程：如何使用Div标签实现单选框与多选框按钮以便我们随意调整样式
单选框的多选框样式
心若向阳 无谓悲伤
07-22 1146
前言：有些需求是想要单选的效果，但希望是多选框的样式。也可以说是，多选框实现单选的功能。所以我们来实现一下 1.首先，我们来看一下默认情况下的单选框，代码及效果图如下： 请选择您喜欢的水果：<br> <input type="radio" name="fruits" id="banana" value="香蕉" class="radio" checked="ch...
6个Web前端纯CSS3实现的单多选选择框效果图展示（上）
dsgru的博客
08-12 1078
1. 界面美化Javascript类库  源码下载  /  在线演示     2.  jquery衣服尺寸勾选表单   源码下载 /  在线演示 3.jquery图形多选复选框     源码下载/   在线演示 ...
前端——单选和多选
Anansoul的博客
01-01 1706
多选框：type=“checked” 吃饭 睡觉 打豆豆 哈哈哈 单选：type=“radio” 男 女
Web前端开发实践指南
"Web前端开发最佳实践" 本书《Web前端开发最佳实践》由党建撰写，属于Web开发技术丛书中的一部，旨在为Web前端开发者提供正确的学习和编码指导，避免因错误或过时的实践方法导致的不良开发习惯。该书由中国机械工业...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值