git学习笔记 | 版本管理 - 分支管理

文章目录

  • git学习笔记
    • Git是什么
    • 仓库
      • 常见的命令
        • commit 备注规范
        • 在文件下设置git忽略文件 .gitignore
    • 版本管理
      • git log | git reflog 查看提交日志/历史版本
      • 版本穿梭 git reset
        • git reset HEAD <file>
      • git checkout -- fileName 丢弃工作区的修改
      • git revert
          • Git恢复之前版本的两种方法reset、revert
        • git 撤销merge | git revert
      • 总结
        • 1.在工作区的代码
        • 2.代码add到暂存区,没有commit提交
    • 分支管理
      • 分支说明
      • 常见分支指令
      • 分支管理规范
      • 分支合并
        • git rebase
        • git stash 临时存储当前的工作现场

git学习笔记

学习文章1
学习文章2
学习文章3

Git是什么

Git是开源分布式版本控制系统,版本控制是一种记录文件内容变化,查阅特定版本修订情况的系统。

仓库

说法1
在这里插入图片描述

说法2在这里插入图片描述

虽然有两种说法,但大概意思是相同的,前三个区域都在本地,只有远程仓库不在本地。

本地仓库 = 工作区 + 版本区

  • 工作区:本地磁盘上的文件集合
  • 版本区(版本库)即.git文件 , git init表示在本地区域创建一个.git文件,也就是创建版本区

版本区 = 暂存区 + 仓库区

  • 暂存区: .git目录下的index文件,通过git add可将工作区文件添加到暂存区
  • 仓库区: git commit可将暂存区的文件提交到仓库区,形成历史版本

常见流程案例

  1. git init 初始化,把这个文件变成Git可以管理的仓库。初始化后打开隐藏的文件可以看到有一个.git文件。
  2. git add . 把这个文件全部提交到暂存区。
  3. git commit -m "评论" 把暂存区的全部文件提交到本地仓库。
  4. git remote add origin 仓库地址 把本地的仓库与GitHub上的远程仓库连接起来。只需要连接一次,就可以一直使用。
  5. git push -u origin master 把本地仓库提交到远程仓库。

常见的命令

指令描述常见使用方法
git add将本地区文件添加到暂存区,可以多次像暂存区添加添加文件到暂存区:git add 文件名
添加所有文件到暂存区:git add .
添加变化的文件到暂存区:git add -A
删除暂存区的文件: git rm --cached 文件名
git commit将暂存区的全部文件提交到仓库区,形成历史版本提交文件: git commit -m ”版本日志信息" 文件名
提交所有文件: git commit -m ”版本日志信息”
git status查看仓库区(本地库)状态红色文件没有加入暂存区,绿色加入了暂存区
git show 提交hash值查看某次commit的修改内容
  • git commit --amend 回车 修改上次的提交信息,push后不会增加新的commit记录,但是会修改本次的commit的thash(可以理解为删掉了最新的一次commit,重新又提交了一次)
  • git commit -m "msg" --no-verify 强制提交不检查

commit 备注规范

开头备注
feat:新功能、新特性
fix:修改 bug
perf:更改代码,以提高性能(在不影响代码内部行为的前提下,对程序性能进行优化)
refactor:代码重构(重构,在不影响代码内部行为、功能下的代码修改)
docs:文档修改
style:代码格式修改, 注意不是 css 修改(例如分号修改)
test:测试用例新增、修改
build:影响项目构建或依赖项修改
revert:恢复上一次提交
ci:持续集成相关文件修改
chore:其他修改(不在上述类型中的修改)
release:发布新版本
workflow:工作流相关文件修改

在文件下设置git忽略文件 .gitignore

忽略哪些文件?
以vue项目为例,node_modules下载的依赖包是不用上传的,因为该文件太大了并且有包管理文件package.json,可以利用包管理文件在重新下载依赖。
忽略一些与项目实际功能无关,比如.vscode等IDE文件
目的
1.屏蔽IDE工具之间的差异
2.上传的文件尽可能小,别人下载的速度会更快,更好的体验

怎么忽略
1.创建忽略规则文件 xxx.ignore , 建议是git.ignore
为了便于让~/.gitconfig文件(.git里)引用,建议与它放在一个目录下,或者可以直接修改~/.gitconfig

git.ignore文件模板,以vue项目为例

.DS_Store
node_modules/
/dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln

.gitconfig里引用

// 注意斜线的方向
 excludesfile = 绝对路径/git.ignore

版本管理

看了一篇很有意思的文章,感觉对版本控制的理由有帮助:Git之撤销修改 git checkout – file、git reset HEAD file 的使用

git log | git reflog 查看提交日志/历史版本

若多屏显示控制方式:空格向下翻页 b向上翻页 q退出

查看完整历史版本:git log

D:\work_code\demo\vue3_test>git log
commit eca39ce053d6a6c7650c10c6ab80d174cbbe3fcd (HEAD -> master)
Author: Ranan <ranan>
Date:   Fri Aug 25 19:20:25 2023 +0800

    modify

commit 36d5ec0bfa96ba0beb59e765de03024f383c9ae9
Author: Ranan <ranan>
Date:   Fri Aug 25 18:44:37 2023 +0800

    init

返回的信息中包含提交的UUID(commit 完整版本号)、当前分支、作者、日志和描述信息。

查看精简历史版本:git reflog

HEAD@{移动到当前版本需要多少步},前面的数字表示本次版本的哈希值。

D:\work_code\demo\vue3_test>git reflog
eca39ce (HEAD -> master) HEAD@{0}: commit: modify
36d5ec0 HEAD@{1}: commit (initial): init

区别
git reflog会记录每一次命令,可以查看所有分支的所有操作记录。
git log不会显示回溯版本之后提交的版本也不能查看已经删除的记录。

版本穿梭 git reset

本质:操作HEAD的指针,HEAD指针默认是指向最近的版本。
命令:git reset 强度 局部hash(推荐用法)

强度头指针恢复已经add的缓存区工作区代码描述
--soft commithash不丢失不变从commithash之后的提交回退到暂存区
--mixed commithash丢失不变
--hard commithash丢失恢复到穿梭的版本

如果穿梭git reset在旧版本后,使用git push会把报错,因为本地仓库HEAD指向的版本比远程库旧。
解决办法:git push -f强制推,该版本之后的新版本全部消失。

常见使用场景
执行commit后,还没执行push时,想要撤销这次的commit:git reset --soft HEAD^

其他用法

git reset --hard head #当前版本
git reset --hard HEAD^ #回退到上一个版本
git reset --hard HEAD^^ #回退到上上一个版本
git reset --hard HEAD~3 #回退到往上3个版本
git reset --hard HEAD~10 #回退到往上10个版本

使用案例

先使用git reflog查看本地库的版本情况以及对应的局部hash值,在使用git reset --hard 局部hash回溯版本

// 案例: 回到版本36d5ec0 
D:\work_code\demo\vue3_test>git reset --hard 36d5ec0
HEAD is now at 36d5ec0 init

D:\work_code\demo\vue3_test>git reflog
36d5ec0 (HEAD -> master) HEAD@{0}: reset: moving to 36d5ec0
eca39ce HEAD@{1}: commit: modify
36d5ec0 (HEAD -> master) HEAD@{2}: commit (initial): init

D:\work_code\demo\vue3_test>git log
commit 36d5ec0bfa96ba0beb59e765de03024f383c9ae9 (HEAD -> master)
Author: Ranan <ranan>
Date:   Fri Aug 25 18:44:37 2023 +0800

    init

版本前进

// 案例: 前进到modify版本

D:\work_code\demo\vue3_test>git reset --hard eca39ce
HEAD is now at eca39ce modify

D:\work_code\demo\vue3_test>git reflog
eca39ce (HEAD -> master) HEAD@{0}: reset: moving to eca39ce
36d5ec0 HEAD@{1}: reset: moving to 36d5ec0
eca39ce (HEAD -> master) HEAD@{2}: commit: modify
36d5ec0 HEAD@{3}: commit (initial): init

D:\work_code\demo\vue3_test>git log
commit eca39ce053d6a6c7650c10c6ab80d174cbbe3fcd (HEAD -> master)
Author: Author: Ranan <ranan>
Date:   Fri Aug 25 19:20:25 2023 +0800

    modify

commit 36d5ec0bfa96ba0beb59e765de03024f383c9ae9
Author: Author: Ranan <ranan>
Date:   Fri Aug 25 18:44:37 2023 +0800

    init

git reset HEAD

命令:git reset HEAD <file>
说明: 拉取最近一次提交到版本库的文件到暂存区,不影响工作区

从版本库中 拉取file到 暂存区。当我们把工作区的某个文件弄乱了 ,就可以使用该命令把版本库中的同名文件拉到暂存区,然后在拉回工作区。

这里HEAD是版本指针,也可以是其他版本地址的哈希值。

// 1.工作区修改age为15 add src/App.vue 文件进暂存区
D:\work_code\demo\vue3_test>git add -A

在这里插入图片描述

// 2.将仓库区最新版本的该文件拉到暂存区,不影响工作区age还是15
D:\work_code\demo\vue3_test>git reset HEAD src/App.vue
Unstaged changes after reset:
M       src/App.vue

在这里插入图片描述

todo 这里感觉和git rm --cached 文件名删除暂存区的文件很像,之间的差异暂时通过看文章没有感觉出来,等工作中使用积累后更新

git checkout – fileName 丢弃工作区的修改

命令:git checkout -- fileName 放弃指定文件工作区的修改 | git checkout .放弃工作区所有文件的修改
说明:可以理解撤销add的内容(基于上一次add),把该文件在工作区的修改全部撤销(没办法恢复!)

案例说明
1.add之后(比如 one),工作区代码修改(添加two),使用git checkout -- fileName恢复命令,工作区代码从暂存区拉出来(只有one)
2.先add添加后commit提交(比如 one),工作区代码修改(添加two),使用git checkout -- fileName恢复命令,工作区从仓库区恢复(只有one)

关于是从暂存区还是仓库区拉取,这里有争议。我暂时的理解是先走暂存区,暂存区没有再走仓库区。

使用说明
-- 选项的作用是表明内容是目录或文件,而不是分支名,避免有文件名和分支名一样而出错的情况,因为 git checkout 后面直接加分支名就成了切换分支了,在保证不会混淆的情况下,可以直接使用git checkout <file>

git revert

命令:git revert -n 版本号
本质:git revert是用于“反做”某一个版本,以达到撤销该版本的修改的目的。
举例:commit了三个版本(版本一、版本二、 版本三),突然发现版本二不行(如:有bug),想要撤销版本二,但又不想影响撤销版本三的提交,就可以用 git revert -n 版本二的版本号 命令来反做版本二,生成新的版本四,这个版本四里会保留版本三的东西,但撤销了版本二的东西。
说明: 生成一个新的提交来覆盖旧的提交,被撤销的提交 和新的提交记录都会保存
在这里插入图片描述

Git恢复之前版本的两种方法reset、revert
命令原理适用场景
git reset修改HEAD的位置,即将HEAD指向的位置改变为之前存在的某个版本恢复到之前某个提交的版本,且该版本之后提交的版本都不需要了
gir revert用于“反做”某一个版本,以达到撤销该版本的修改的目的。想撤销之前的某一版本,又想保留该目标版本后面的版本,记录下这整个版本变动流程

git 撤销merge | git revert

git revert取消指定的某次提交内容时需要考虑两种commit

  • 常规的commit git commit提交,只有一个parent commit
  • merger commit git merge合并两个分支后,会得到一个新的merge commit,有两个parent commit

使用git show查看merge commit

git show bd86846
commit bd868465569400a6b9408050643e5949e8f2b8f5
Merge: ba25a9d 1c7036f
#  merge commit bd86846是从 ba25a9d 和 1c7036f 两个 commit 合并过来的。

命令:git revert -m 选项 需要撤销的merge哈希值
-m 选项接收的参数是一个数字,数字取值为 1 和 2,也就是 Merge 行里面列出来的第一个还是第二个。

经典的案例:https://www.cnblogs.com/bescheiden/articles/10563651.html

总结

1.在工作区的代码

git checkout -- 文件名 #丢弃某个文件的修改
git checkout . #丢弃全部

丢弃全部包括:新增的文件会删除,删除的会恢复,修改的会回去。变化的地方是基于上一次add或commit。

2.代码add到暂存区,没有commit提交

git reset HEAD <file> #从最近的版本将该文件拉取到暂存区
git reset HEAD .

仅改变暂存区,不改变工作区。

分支管理

程序员将自己的工作从开发主线上分离开来,开发自己的分支不会影响主线分支的运行。

优势

  • 同时并行推进多个功能开发,提高开发效率
  • 各个分支在开发过程中,如果某一个分支开发失败,不会对其他分支有任何影响。失败的分支删除重新开始即可

git branch 查看当前工作在哪个分支
HEAD指针指向当前工作的本地分支,可以理解为当前分支的别名。

分支说明

  • 分支切换会改变你工作目录中的文件
    在切换分支时,一定要注意工作目录里的文件会被改变。 如果是切换到一个较旧的分支,你的工作目录会恢复到该分支最后一次提交时的样子。 如果Git不能干净利落地完成这个任务,它将禁止切换分支。
  • 如果不指定从哪个分支(源分支)上创建的新分支(目的分支),默认是从master分支上创建。目的分支创建时会继承此时源分支的所有提交。

常见分支指令

命令名称作用
git branch 分支名在当前所在的提交对象上创建一个指针,指针名为分支名。
git branch -v查看分支
git checkout 分支名切换分支,修改HEAD指针的指向
git checkout -b 分支名以当前分支为基准,创建并切换到指定分支
等于git branch 分支名 + git checkout 分支名
git merge 分支名把指定的分支合并到当前分支上
git branch -D 分支名删除本地分支,需要在其他分支上进行
git push origin -D [branchName]删除远端分支

比如创建一个dev分支
在这里插入图片描述

分支管理规范

参考文章:https://juejin.cn/post/6844903945245048846

  • 开发人员在 develop 分支上实现新功能
  • feature 分支
    • 开发一个独立的新特性(完成时,需合并到 develop 分支)
    • 技术研究与尝试(若失败,可随时删除 feature 分支)
    • 提前实现下一个版本需要开发的特性(可不在本次迭代中发布)

分支合并

合并分支时,如果没有冲突,并且分支是单向一条线路继承下来的,git会使用fast forword模式,但是有些快速合并不能成功,又没有冲突时,就会触发分支管理策略,git会自动做一次新的提交

  • git merge [branchName] --squash 将branchName合并到当前分支,并将branchName上的所有提交合并成一次提交

git rebase

参考文章:https://blog.csdn.net/weixin_42310154/article/details/119004977

结论摘要:不推荐使用
拉公共分支最新代码——rebase,也就是git pull -rgit pull --rebase
好处是提交记录会比较简洁。
缺点是rebase以后不知道当前分支最早是从哪个分支拉出来的了,因为基底变了。

git stash 临时存储当前的工作现场

使用场景
正在修改A分支的某个功能时,优先级更高的任务出现了,但是该任务在B分支。
①提交后切换,代码保存在A分支,但是产生了无意义的提交。

在分支A上做的修改如果没有add或者commit,切换分支之后修改会被携带。

git stash 将当前修改(未提交的代码)存入暂存区,切换分支B修改完成后,在git stash pop取出。

git stash暂存后,工作区代码会恢复到最后一次提交时的代码。

常见命令

命令描述
git stash临时存储当前未commit的工作现场
git stash save “message”临时存储当前未commit的工作现场,并添加描述。
在多个stash的时候推荐
git stash show查看刚才暂存的修改
git stash show -p stashname显示指定的贮藏文件具体改动
git stash pop切换到临时存储现场的分支后,弹出栈顶的stash
git stash apply stash@{X}换到临时存储现场的分支后,取出相应的暂存。X可使用命令git stash list查看,省略stash@{X}表示最近一次。
git stash drop stash@{X}将记录表中取出的对应暂存记录删除。X可使用命令git stash list查看,省略stash@{X}表示最近一次。
git stash list查看存储区的所有暂存修改记录

使用步骤

  1. 切换分支B前保存现场,git stashgit stash save "message"
  2. 修改完后,切换分支A再恢复现场,git stash popgit stash apply stash@{X}恢复现场

存储位置说明

  • .git/refs/stash 中,存储的是最后一个 stash 对应的节点指针
  • .git/log/refs/stash 中,可以看到全部的 stash 记录信息

说明
git stash 只能将修改项藏匿,并能将新增项藏匿。
解决办法:
①先 git add,在 git stash,成功藏匿了新增和修改。
git stash -u

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/100957.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

论文阅读_扩散模型_SDXL

英文名称: SDXL: Improving Latent Diffusion Models for High-Resolution Image Synthesis 中文名称: SDXL&#xff1a;改进潜在扩散模型的高分辨率图像合成 论文地址: http://arxiv.org/abs/2307.01952 代码: https://github.com/Stability-AI/generative-models 时间: 2023-…

3D视觉测量:形位公差 面对面平行度(附源码)

文章目录 0. 测试效果1. 基本内容1.1 面对面平行度概述2. 代码实现文章目录:3D视觉测量目录微信:dhlddxB站: Non-Stop_0. 测试效果 1. 基本内容 “平行度” 是用来描述两个或多个对象或方向之间的平行关系的度量。在几何和工程学中,平行度通常用于衡量物体、表面、线条或方向…

mac帧 arp

1.分片 2.MSS max segment size 3.跨网络的本质 就是经历很多的子网或者局域网 4.将数据从A主机跨网络送到B主机的能力 IP和mac IP解决的是路径选择的问题 5.数据链路层 用于两个设备&#xff08;同一种数据链路节点&#xff09;之间进行传递 6.以太网ether 7.局域网通…

圆圈加数字的css

方式一 .circle { width: 50px; height: 50px; border-radius: 50%; background-color: #f00; color: #fff; text-align: center; line-height: 50px; } .circle::before { content: attr(data-number); display: block; } <div class"circle" data-number"…

ChatGPT总结(持续更新)

目录 体验渠道 weTab CSDN-AI助手 其他插件 ChatGPT简介 ChatGPT主要用途 ChatGPT发展历程 GPT-4架构的特点和优势 ChatGPT的工作原理 神经网络和自然语言处理技术 Transformer模型 模型训练优化技巧 ChatGPT对程序员的帮助 与ChatGPT交互和提问技巧 ChatGPT未来…

50ETF期权开户平台(0门槛期权开户指南)

50ETF期权开户平台比较好的有&#xff1a;期权馆&#xff0c;期权科普馆&#xff0c;小熊期权&#xff0c;期权酱&#xff0c;财顺财经&#xff0c;财顺期权等&#xff0c;都是国内前十的期权分仓平台&#xff0c;下文为大家结算50ETF期权开户平台&#xff08;0门槛期权开户指南…

SoC 总线结构学习记录之系统存储总线(System Memory Bus)与私有设备总线

蜂鸟 E203 SOC总线结构&#xff1a;  蜂鸟 E203 内核 BIU 的系统存储接口 ICB 连接系统存储总线&#xff0c;通过其访问 SoC 中的若干存储组件&#xff0c;譬如 ROM&#xff0c;Flash 的只读区间等。  蜂鸟 E203 内核 BIU 的私有设备接口 ICB 连接私有设备总线&#xff0c…

mac电脑屏幕录制Berrycast Mac屏幕录制软件

Berrycast是一款为Mac设计的优秀屏幕录制软件&#xff0c;它让屏幕录制变得简单而高效。以下是Berrycast的一些主要特点&#xff1a; 简单的用户界面&#xff1a;Berrycast拥有直观和简洁的用户界面&#xff0c;使得用户可以轻松上手。高质量的视频输出&#xff1a;Berrycast能…

Sharding-JDBC介绍及分库分表实践

1.1 ShardingSphere简介 最早是当当网内部使用的一款分库分表框架&#xff0c;名字叫Sharding-JDBC&#xff0c;定位为轻量级 Java 框架&#xff0c;在 Java 的 JDBC 层提供的额外服务。 它使用客户端直连数据库&#xff0c;以 jar 包形式提供服务&#xff0c;无需额外部署和依…

机器人中的数值优化(六)—— 线搜索最速下降法

本系列文章主要是我在学习《数值优化》过程中的一些笔记和相关思考&#xff0c;主要的学习资料是深蓝学院的课程《机器人中的数值优化》和高立编著的《数值最优化方法》等&#xff0c;本系列文章篇数较多&#xff0c;不定期更新&#xff0c;上半部分介绍无约束优化&#xff0c;…

C语言每日一练--Day(16)

本专栏为c语言练习专栏&#xff0c;适合刚刚学完c语言的初学者。本专栏每天会不定时更新&#xff0c;通过每天练习&#xff0c;进一步对c语言的重难点知识进行更深入的学习。 今日练习题关键字&#xff1a;寻找奇数 峰值 二分查找 &#x1f493;博主csdn个人主页&#xff1a;小…

《数字图像处理-OpenCV/Python》连载(4)图像的读取与保存

《数字图像处理-OpenCV/Python》连载&#xff08;4&#xff09;图像的读取与保存 本书京东优惠购书链接&#xff1a;https://item.jd.com/14098452.html 本书CSDN独家连载专栏&#xff1a;https://blog.csdn.net/youcans/category_12418787.html 第1章 图像的基本操作 为了方…

【MyBatisⅡ】动态 SQL

目录 &#x1f392;1 if 标签 &#x1fad6;2 trim 标签 &#x1f460;3 where 标签 &#x1f9ba;4 set 标签 &#x1f3a8;5 foreach 标签 动态 sql 是Mybatis的强⼤特性之⼀&#xff0c;能够完成不同条件下不同的 sql 拼接。 在 xml 里面写判断条件。 动态SQL 在数据库里…

vr智慧党建主题展厅赋予企业数字化内涵

现如今&#xff0c;VR全景技术的发展让我们动动手指就能在线上参观博物馆、纪念馆&#xff0c;不仅不用受时间和空间的限制&#xff0c;还能拥有身临其境般的体验&#xff0c;使得我们足不出户就能随时随地学习、传承红色文化。 很多党建展厅都是比较传统的&#xff0c;没有运用…

多级缓存 架构设计

说在前面 在40岁老架构师 尼恩的读者社区(50)中&#xff0c;很多小伙伴拿到一线互联网企业如阿里、网易、有赞、希音、百度、网易、滴滴的面试资格&#xff0c;多次遇到一个很重要的面试题&#xff1a; 20w的QPS的场景下&#xff0c;服务端架构应如何设计&#xff1f;10w的QPS…

国际版阿里云/腾讯云:弹性高性能计算E-HPC入门概述

入门概述 本文介绍E-HPC的运用流程&#xff0c;帮助您快速上手运用弹性高性能核算。 下文以创立集群&#xff0c;在集群中安装GROMACS软件并运转水分子算例进行高性能核算为例&#xff0c;介绍弹性高性能核算的运用流程&#xff0c;帮助您快速上手运用弹性高性能核算。运用流程…

企业架构LNMP学习笔记7

PHP介绍&#xff1a; HTML&#xff1a;超文本标记语言 http: 超文本传输协议 端口80 浏览器将html代码解析成web页面。 PHP&#xff1a;超文本预处理器。后端语言开发&#xff0c;页面上需要动态改变修改的&#xff0c;需要连接数据库查询数据&#xff0c;转为html。 主要…

电脑每次开机杀毒软件报iusb3mon.exe病毒已清除,电脑中病毒iusbmon杀毒办法,工具杀毒

不知道什么时候开始&#xff0c;我电脑C盘的系统数据存储文件夹programdata 不知不觉就没了&#xff0c;找不到了 programdata文件夹为存储系统数据文件的&#xff0c;这个文件不见了&#xff0c;而且我打开了显示隐藏文件和文件夹还是没有显示 然后我重启电脑&#xff0c;杀毒…

万物流动 万物永驻 ——C++ Core Guidelines的流动哲学

众所周知&#xff0c;C 是一门自由的语言&#xff0c;语言的设计哲学之一就是赋予程序员极大的自由度和灵活性&#xff0c;因此&#xff0c;使用C 完成一个任务时&#xff0c;不同的程序员往往会有不同的实现方法&#xff0c;这真正阐释了什么叫条条大路通罗马。不过&#xff0…

CSS transition 过渡

1 前言 CSS过渡(transition)可以在一个元素切换到另一种状态时为其定义平滑的过渡效果。 例如&#xff0c;用户鼠标悬停在按钮上时&#xff0c;按钮颜色平滑的从一个颜色过渡到另一个颜色。 .btn:hover{background-color: red;color: black; }默认悬停效果 添加过渡效果 .b…