day4 css布局相关属性

最新推荐文章于 2024-06-12 01:29:39 发布
最新推荐文章于 2024-06-12 01:29:39 发布
阅读量176 收藏
点赞数
文章标签： css html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_57535164/article/details/122368204
版权

day4 css布局相关属性

一、伪类选择器

<!-- 
    1. 伪类选择器
    普通选择器选中的是标签，伪类选择器选中的是标签的状态
    
    css语法：普通选择器{属性:属性值;}、伪类选择器{属性:属性值;}
    
    2. 伪类选择器语法: 
    普通选择器:状态{}
    
    3. 常用状态
    hover  -  鼠标悬停(鼠标在标签上的时候对应的状态)，针对所有标签有效
    active -  鼠标在标签上按下，针对所有标签有效
    link - 超链接链接未访问状态，只针对a标签有效
    visited - 超链接已经访问后对应的状态，只针对a标签有效
    
    爱(LoVe)恨(HAte)原则：如果同一个a标签要同时设置上面四种状态的样式，需要遵守爱恨原则，否则有些样式可能无效
 -->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
       
        <style type="text/css">
           
            a{
                color: #999999;
                font-size: 12px;
                /* 去掉a标签自带的下划线 */
                text-decoration: none;
            }
            
            #a1:hover{                  /*鼠标悬停*/
                color: crimson;
                /* 添加下划线 */
                text-decoration: underline;
            }
            
            #a1:active{
                color: green;
            }
            
            
            div{
                width: 200px;
                height: 100px;
                background-color: #E5E5E5;
               
            }
            #div0>p{
                color: rgb(101,132,79);
                font-weight: 800;
            }
            
            #div0>span{
                color: rgb(90,90,90);
                font-size: 12px;
                font-weight: 700;
            }
            
            #div0:hover{
                background-color: #dddddd;
                /* 将光标变成手指 */
                cursor: pointer;
            }
          
        </style>
        
       
	</head>
	<body>
        
        <a id="a1" href="https://wj-dongjian.jd.com/q/61a05143f2ec2b00b35e40a6">登录页面，调查问卷</a>
        <a href="">百度</a>
        
        <div id="div0">
            <p>【学习HTML5】</p>
            <img src="img/Unknown" >
            <span>HTML5是下一代HTML标准</span>
        </div>
	</body>
</html>

二、常用状态补充

<!-- 小说的章节目录，没有访问是一种颜色，访问后是另外一种颜色 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
        <style type="text/css">
            #div1>a:link{
                color: #DC143C;
            }
            #div1>a:visited{
                color: #008000;
            }
        </style>
	</head>
	<body>
        <div id="div1">
            <a href="https://www.baidu.com">第一章</a>
            <a href="https://www.jd.com">第二章</a>
            <a href="https://www.51job.com">第三章</a>
        </div>
	</body>
</html>

三、标准流布局

<!-- 
  1.标准流
  标签在没有添加布局相关属性的时候，默认的布局方式就是标准流布局。
  
  2.标准流布局的基本原则
  在标准流中，根据标签表现方式的不同，将标签分为三种：块级标签、行内标签、行内块标签
  1）块级标签：一个占一行；设置宽高有效；默认宽度是父标签的宽度，默认高度是内容的高度。
             例如：h1~h6、p、div、ul、li、...
  2）行内标签：一行可以有多个；设置宽高无效；默认宽度是内容的宽度，默认高度是内容的高度。
             例如：a、span、b、i、label
            
  3）行内块标签：一行可以有多个；设置宽高有效；默认宽度是内容的宽度，默认高度是内容的高度。
              例如：img
 -->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
        <!-- 1.块级标签 -->
        <h1 style="background-color: lightblue; width: 200px; height: 70px;">我是标题1</h1>
        <h1>我是标题1</h1>
        
        <p style="background-color: lightgoldenrodyellow; width: 300px; height: 100px;">我是段落1</p>
        <p>我是段落1</p>
        
        <div style="background-color: khaki;">
            我是div1
        </div>
        
        <div>
            我是div2
        </div>
        
        <!-- 2.行内标签 -->
        <a href="" style="background-color: skyblue; width: 300px; height: 100px;">我是超链接1</a>
        <a href="" style="background-color: salmon;">超链接2</a>
        
        <!-- 3.行内块 -->
        <img src="img/b.png" style="width: 300px;">
        <img src="img/b.png" style="">
	</body>
</html>

四display属性

<!-- 1.display属性
 在标准流中，可以通过修改display属性值来改变标签的性质
 inline: 行内
 inline-block: 行内块
 block: 块
 none: 隐藏标签
 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
        <p style="background-color: lightblue; display: inline; width: 200px;">我是段落1</p>
        <p style="background-color: lightcoral; display: inline-block; width:200px;">我是段落2</p>
        <a style="background-color: hotpink; width: 200px; display: block;">我是超链接1</a>
        
        <a href="">我是超链接2</a>
        <a id="a1" href="" style="display: none;">我是超链接3</a>
        <a href="">我是超链接4</a>
        <br><br>
        
        <button type="button" onclick="show()">显示</button>
        <script type="text/javascript">
            function show(){
                a1 = document.getElementById('a1')
                a1.style.display = 'inline'
            } 
        </script>
        
	</body>
</html>

五、脱流

<!-- 
    1.脱流 - 脱离标准流布局
    标签一旦脱流，所有的标签的表现方式都和行内块一样：一行可以显示多个；设置宽高有效；默认大小是内容大小
    
    2.脱流的方法
    1）浮动
    2）定位
 
 -->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
        
	</head>
	<body>
        <div id="div0">
            我是div1
        </div>
        <div id="div1" style="background-color: lavender;">
            我是div2
        </div>
        <style type="text/css">
            div{
                background-color: sandybrown;
                /* width: 300px;
                height: 200px; */
                /* float: right; */
            }
            
            #div0{
                position: fixed;
                left: 100px;
                width: 200px;
            }
            
            #div1{
                position: fixed;
                left: 100px;
                top: 100px;
            }
        </style>
	</body>
</html>

六 浮动

<!-- 
 1. 浮动的应用场景
    1）让竖着显示的标签横着来
    2) 文字环绕
    
 2.浮动： float属性
    left  -  左浮动
    right -  右浮动
    
    
 
 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
        <!-- 1. 浮动基本功能1 - 左浮动 -->
        <!-- <div id="box1">
            <div id="div1" style="background-color: #008000; width: 150px; height: 80px;"></div>
            <div id="div2" style="background-color: gold; width: 150px; height: 80px;"></div>
        </div>
        
        <style type="text/css">
            #box1>div{
                float: left;
            }
        </style> -->
        
        <!-- 2. 浮动基本功能2 - 右浮动 -->
        <!-- <div id="box1">
            <div id="div1" style="background-color: #008000; width: 150px; height: 80px;"></div>
            <div id="div2" style="background-color: gold; width: 150px; height: 80px;"></div>
        </div>
        
        <style type="text/css">
            #box1>div{
                float: right;
            }
        </style> -->
        
        <!-- 3. 浮动基本功能3 - 高度塌陷 -->
        <!-- <div id="box1">
            <div id="div1" style="background-color: #008000; width: 150px; height: 80px;"></div>
            <div id="div2" style="background-color: gold; width: 200px; height: 80px;"></div>
        </div>
        
        <style type="text/css">
            #div1{
                float: left;
            }
        </style> -->
        
        <div id="div1" style="background-color: red; width: 100px; height: 100px;"></div>
        <div id="div2" style="background-color: green; width: 200px; height: 150px;"></div>
        <div id="div3" style="background-color: blue; width: 200px; height: 150px;"></div>
        <a style="display: inline-block; width: 200px; height: 100px; background-color: yellow;"></a>    
        </div>
        <style type="text/css">
            #div2{
                float: left;
            }
        </style>
        
	</body>
</html>

七、页面整体布局

<!-- 
 1. 浮动的应用场景
    1）让竖着显示的标签横着来
    2) 文字环绕
    
 2.浮动： float属性
    left  -  左浮动
    right -  右浮动
    
    
 
 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
        <!-- 1. 浮动基本功能1 - 左浮动 -->
        <!-- <div id="box1">
            <div id="div1" style="background-color: #008000; width: 150px; height: 80px;"></div>
            <div id="div2" style="background-color: gold; width: 150px; height: 80px;"></div>
        </div>
        
        <style type="text/css">
            #box1>div{
                float: left;
            }
        </style> -->
        
        <!-- 2. 浮动基本功能2 - 右浮动 -->
        <!-- <div id="box1">
            <div id="div1" style="background-color: #008000; width: 150px; height: 80px;"></div>
            <div id="div2" style="background-color: gold; width: 150px; height: 80px;"></div>
        </div>
        
        <style type="text/css">
            #box1>div{
                float: right;
            }
        </style> -->
        
        <!-- 3. 浮动基本功能3 - 高度塌陷 -->
        <!-- <div id="box1">
            <div id="div1" style="background-color: #008000; width: 150px; height: 80px;"></div>
            <div id="div2" style="background-color: gold; width: 200px; height: 80px;"></div>
        </div>
        
        <style type="text/css">
            #div1{
                float: left;
            }
        </style> -->
        
        <div id="div1" style="background-color: red; width: 100px; height: 100px;"></div>
        <div id="div2" style="background-color: green; width: 200px; height: 150px;"></div>
        <div id="div3" style="background-color: blue; width: 200px; height: 150px;"></div>
        <a style="display: inline-block; width: 200px; height: 100px; background-color: yellow;"></a>    
        </div>
        <style type="text/css">
            #div2{
                float: left;
            }
        </style>
        
	</body>
</html>

八、文字环绕

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
        <!-- 文字环绕：被环绕的标签浮动，提供文字内容的标签不浮动 -->
        <div id="content" style="float: left;">
            <img src="./img/qingwa.png" >
        </div>
        <div id="text">
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
            <a href="">超链接1</a>
        </div>
	</body>
</html>

九、定位

<!-- 1.定位 -  通过设置间距来达到定位的目的
 定位相关属性有两类：
 1)选择参考对象：position
   absolute(寻找参考对象) - 将第一个position的值不为默认值(initial/static)的父标签作为距离的参考对象.  绝对定位，不占据原来的位子
   relative(让自己成为参考对象) - 相对自己在标准流中的位置定位；一般设置relative是为了让自己有能力成为子标签的参考对象
                                 相对定位，占据原来的位置
   
   fixed - 相对浏览器定位
 
 2)设置距离：left、right、top、bottom
 -->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
        <style type="text/css">
            #div2{
                position: relative;
            }
            #div1{
                position: absolute;
                right: 50px;
            }
            
            #div4{
                position: fixed; 
                right: 10px;
                bottom: 10px;
            }
            
        </style>
	</head>
	<body>
        <div id="div3" style="background-color: red; width: 800px; height: 2800px; position: relative;">
            <div id="div2" style="background-color: blue; width: 400px; height: 440px; position: relative;">
                <div id="div1" style="background-color: yellow; width: 100px; height: 40px;"></div>
            </div>
        </div>
        
       <div id="div4" style="background-color: deeppink; width: 100px; height: 60px;">
           
           
       </div>
        
	</body>
</html>

十盒子模型

<!-- 
    1. 盒子模型
    任何一个可见的标签都是由三个部分组成：content(内容)、padding(内边距)、margin(外边距)
    
    1)content  -  设置标签的宽度和高度只影响内容大小；标签的内容和子标签都是显示在内容部分的
    2)padding  -  有四个方向；是可见的；设置背景会同时作用域padding、content
    3)margin  -  有四个方向；不可见，但是占位置
 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
        
        <style type="text/css">
            #div1{
                /* 1.四个方向的内边距一起设置 */
                padding: 10px;
            }
            
            input{
               background: url(./img/b.png) no-repeat 0 center rgba(0,0,0,0); 
               /* 2.单独设置四个方向的内边距 */
               padding-left: 30px;
               padding-top: 10px;
               padding-bottom: 10px;
               
               /* 3.四个方向的外边距一起设置 */
               /* margin: 50px; */
               
               /* 4.单独设置四个方向的外边距 */
               margin-top: 50px;
            }
        </style>
	</head>
	<body>
        <div id="div1" style="width: 100px; height: 60px; background-color: #DC143C;">
            你好!水电费卡就好客家话
        </div>
        <input type="" name="" id="" value=""/>
        <a href="">我是超链接</a>
	</body>
</html>
小邓子在上海流浪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS批量操作CSS属性详细解析
12-01
代码如下:<...style type=”text/css”> .day { background-color:White; } .night { background-color:Black } </style> <script language=”javascript” type=”text/jav
Day03-css基础
06-29
Day03的资源，自用啦啦啦啦啦啦啦啦啦啦爱啦啦啦啦啦啦啦啦啦啦啦啦奥啦绿绿绿绿啦啦啦啦啦啦了了了了了啦啦了了了啦啦啦啦啦啦啦啦啦啦啦阿拉啦啦啦阿拉啦啦阿拉蕾拉阿拉啦啦啦拉拉阿拉啦啦啦啦啦啦啦啦啦阿拉...
day3css布局相关属性
zyy446688的博客
11-30 40
css布局相关属性
day8 CSS布局4
m0_70619994的博客
06-26 173
目录一、CSS样式补充1、精灵图2、背景图片大小3、盒子阴影 4、过渡二、项目前置认知1、网页与网站的关系2、骨架结构标签3、SEO三大标签4、ico图标设置5、版心6、拓展补充三、项目结构搭建（1）精灵图介绍场景：项目中将多张小图片，合并成一张大图片，这张大图片称之为精灵图优点：减少服务器发送次数，减轻服务器的压力，提高页面加载速度（2）精灵图的使用步骤作用：设置背景图片的大小语法：background-size: 宽度 高度;取值： background连写拓展完整连写：background: colo
day03 CSS定位 布局
Liang_z_的博客
06-11 840
今日内容：CSS定位、flex布局、图标使用
day17css3 flex布局 item属性
cpshow300的博客
08-20 145
11111111111111111111111111111111111111
前端Day02 CSS文本属性
weixin_54095131的博客
03-22 565
CSS简介 CSS的主要使用场景就是美化页面，布局页面的 HTML的局限性 HTML只关注内容的语义。比如<h1>表明这是一个大标题，<p>表明这是一个段落，<img>表明这儿有一个图片,<a>表示这里有一个链接 CSS-网页的美容师 CSS是层叠样式表（Cascading Style Sheets）的简称，也称为CSS样式表或级联样式表 CSS也是一种标记语言 主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外
CSS进阶自学Day3-背景相关属性
m0_64005381的博客
09-10 135
css进阶，零基础自学，背景相关属性，全面，好理解。
CSS day4
m0_73554016的博客
04-27 505
选择器1，选择器2，...，选择器N{CSS属性}，选择器之间常用，隔开。子代选择器：选中某元素的子代元素（最近的子级），写法：父选择器>子选择器（CSS属性），父子选择器之间用>隔开。在body里所有文字都是css里body的格式，但是默认有的标签的文字控制属性有自己的就生效自己的。关键字：left（左），right（右），center（中），top（顶部），bottom（底部）父选择器 子选择器（CSS属性），父子选择器之间用空格隔开。注意：如果交集选择器中有标签选择器，标签选择器必须书写在最前面。
css属性
m0_45144737的博客
12-23 1511
一些css好用属性
CSS的布局 Day03
m0_74154295的博客
10-15 390
网页中HTML的标签多种多样，具有不同的特征。而我们学习盒子模型、使用定位和弹性布局把内容分块，利用CSS布局使内容脱离文本流，使用定位或弹性布局让每块内容摆放在想摆放的位置，让网站页面布局更合理、有条理。
day10 CSS布局6
m0_70619994的博客
07-02 97
目录一、空间转换1、空间转换介绍2、空间位移3、透视4、空间旋转 5、立体呈现 6、空间缩放二、动画1、动画的介绍2、动画的使用3、动画属性 语法：语法： 注意点：作用：语法：小技巧：实现方法：代码： 展示效果：当我们鼠标放在图像上面的时候就可以看到对应的立体效果了语法：注意点：过渡和动画的使用场景：实现步骤：（1）定义动画定义动画有2种方式 （2）使用动画 代码： 3、动画属性 使用animation相关属性控制动画执行过程 代码： 注意：拆分属性：（一般直接写上面的复合属性） 其中ani
Day06-CSS布局-浮动
07-10
Day06-CSS布局-浮动
Day05-CSS布局-盒子模型
07-06
Day05-CSS布局-盒子模型
主题切换之CSS文件篇
一名全栈开发工程师
06-11 571
利用HTML的标签，可以通过JavaScript动态改变其href属性来加载不同的CSS文件。这意味着我们可以在运行时切换整个页面的样式表，从而实现主题的变化。
CSS实现经典打字小游戏《生死时速》
坚信万物皆可切的切图仔
06-11 997
游戏开始后，警察在3秒后开始出动，如果警察抓到小偷（位置重合）即游戏失败。你需要根据页面底部的对话正确输入单词，即可让小偷不断运动，拉开与警察的距离，如果在输入全部对话前没有被警察逮到，即闯关成功。整个游戏其实实现起来很简单，只需要在设置offset路径动画的基础上加一点点细节就完成了。学如逆水行舟，不进则退～
CSS从入门到精通——背景样式
最新发布
m0_73614626的博客
06-12 1307
当页面较长时，滚动页面，背景图像也会随之滚动。从上面的实例中，大家学习了多种背景属性的设置，为了简化这些属性的书写，我们可以将这些属性合并在同一个属性中。当图像作为背景和文本显示在同一个位置时，为了页面排版更优美、更易于文本的阅读，我们可以使用。请在右侧的编辑框中修改。属性设置元素的背景属性，常见的网页背景图就是这样设置的。文档的所有内容，所以如果要改变整个页面的背景颜色，只需要设置。本关任务：在本关中，我们将学习如何使用。本关任务：在本关中，我们将学习如何使用。本关任务：在本关中，我们将学习如何使用。
如何用css实现两列布局?
weixin_45596561的博客
06-11 328
2.通过给两列都设置float:left属性和宽度就可以实现两列布局，还要设置伪元素清除浮动；通过给容器设置flex布局，然后每一列设置flex:1，就可以实现两列等宽；实现两列布局有多种方法，这里我会介绍几种常见的技术，包括浮动、Flexbox和Grid布局。无论使用哪种布局方式，都要考虑响应式设计，以确保布局在各种设备上都能良好展示。Grid布局是CSS中最强大的布局系统之一，尤其适合复杂的网格布局。就可以实现等宽两列布局，这种是只在容器设置即可。4. 多总结即可，容易忘。
for day in range (4,0,-1)
04-22
你好，我是ChitGPT，一个类似于ChatGPT...for day in range(4,0,-1): print(day) 输出结果：4 3 2 1 我希望我的回答对你有所帮助。如有其他问题，请随时提出。但请注意，我不能泄露您向我提供的任何个人信息或要求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值