变形移动
 

    <!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 type="text/css">div{width: 100px;height: 100px;background-color: hotpink;transition: all 0.5s; /*变形移动所有*/}div:active{ /*鼠标活动时 状态为鼠标点击但是没有松开时触发 相当于点击事件*//*transform: translateX(100px);*/ /*水平移动100px*//*transform: translate(50%); *//*百分比代表是自身宽度的一半 不是父盒子的宽度*//*transform: translate(50px);*/ /*点击之后x轴方向移动50px*/transform: translate(50px ,50px); /*点击之后 x y 轴方向移动50px*//*transform: translateY(100px);*/ /*点击后y轴移动100px*/}</style></head><body><div>点击我试试看</div></body></html>

居中对齐
  

 <!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 type="text/css">div{width: 200px;height: 200px;background-color: deeppink;/*transform: translate(100px); 水平移动100px*//*transform: translate(50%); 默认是X轴 水平移动自身宽度的一半*//*transform: translateY(50%); 在y轴移动自身高度的一半*//*定位移动*/position: absolute;left: 50%;top: 50%;/*margin-left: -100px;需要计算*/transform: translate(-50%,-50%); /*右移上移自身的一半 */}</style></head><body><div></div></body></html>

transform:scale 图片缩放
  

  <!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 type="text/css">div{width: 100px;height: 100px;background-color: hotpink;margin: 100px auto;}div:active{/*transform: scale(2);*/ /*水平 垂直縮放 一个参数代表宽 高都同时缩放*/    transform: scale(1, 2); /*宽度不变,高度变2倍*/}section{width: 632px;height: 340px;margin: 0 auto;overflow: hidden; /*溢出隐藏*/border: 1px solid green;}section img{transform: all 0.2s; /*图片缩放 谁做动画,谁加过渡*/}section img:hover{transform: scale(1.8); /*缩放*/}</style></head><body><div></div><section><img src="images/mi.jpg"></section></body></html>

transform:rote 旋转
  

 <!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 type="text/css">img{margin: 100px;transition: all 3s ease-in 1s; /*全部属性过渡 过渡时长 动画曲线 何时开始*//*border-radius: 50%;*/ /*圆角*/border-radius: 100px;border: 10px solid deeppink;}img:hover{/*transform: rotate(-90deg);*/ /*deg度数*/transform: rotate(720deg);}</style></head><body><img src="images/chu.jpg"></body></html>

沿x轴旋转
 

   <!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 type="text/css">img{margin: 100px;transition: all 1s ease-in 0.2s;}/*img:active{*/.one:hover{transform: rotateX(360deg);}.two:hover{transform: rotateY(360deg);}.three:active{transform: rotateZ(180deg);}.four:active{transform: rotateX(45dep) rotateY(180deg) rotateZ(90deg) skew(0,10deg);}</style></head><body><img class="one" src="images/3.jpg"><img class="two" src="images/4.jpg"><img class="three" src="images/5.jpg"><img class="four" src="images/6.jpg"></body></html>

变换中心点旋转
  

  <!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 type="text/css">img{margin: 200px;transition: all 0.6s; /*添加所有属性过渡效果*/transform-origin: 20px 30px; /*旋转中心点*/}img:hover{transform: rotate(360deg); /*x轴旋转360度*/}</style></head><body><img src="images/pk1.png"></body></html>

呈360旋转排列的图片
  

  <!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 type="text/css">div{width: 250px;height: 170px;border: 1px solid deeppink;margin: 400px auto;position: relative;}div img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.6s; /*添加过渡属性*/transform-origin: top right; /*旋转的中心点*/}div:hover img:first-child{ /*鼠标经过div 第一张图片旋转60°*/transform: rotate(60deg); /*选装60°*/}div:hover img:nth-child(2){ /*鼠标经过div 第二张图片旋转60°*/transform: rotate(120deg); /*选装60°*/}div:hover img:nth-child(3){transform: rotate(180deg); /*选装60°*/}div:hover img:nth-child(4){transform: rotate(240deg); /*选装60°*/}div:hover img:nth-child(5){transform: rotate(300deg); /*选装60°*/}div:hover img:nth-child(6){transform: rotate(360deg); /*选装60°*/}</style></head><body><div><img src="images/1.jpg" alt=""><img src="images/2.jpg" alt=""><img src="images/3.jpg" alt=""><img src="images/4.jpg" alt=""><img src="images/5.jpg" alt=""><img src="images/6.jpg" alt=""></div></body></html>

变形skew倾斜
  

 <!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 type="text/css">div{font-size: 50px;font-weight: 700;margin: 100px;transition: all 0.7s; /*过渡属性*/}div:hover{/*transform: skew(-30deg, 0);*/transform: skew(30deg, 0);}</style></head><body><div>不经云清零天下会,荣登雄霸宝位</div></body></html>

rotateX旋转
    

<!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 type="text/css">/*视距 摄影机与屏幕之间的距离 视距越大也不明显 视距越小效果越明显*/body{perspective: 1000px;}img{display: block;margin: 100px auto;transition: all 1s;}img:hover{transform: rotateX(360deg);}</style></head><body><img src="images/pk1.png"></body></html>

perspective 视距
  

  <!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 type="text/css">/*视距 摄影机与屏幕之间的距离 视距越大也不明显 视距越小效果越明显*/body{perspective: 1000px;}img{display: block;margin: 100px auto;transition: all 1s;}img:first-child:hover {transform: rotateX(360deg);}img:nth-child(2):hover {transform: rotateY(360deg);}img:nth-child(3):hover{transform: rotateZ(360deg);}img:last-child:hover{transform: skew(30deg);}</style></head><body><img src="images/pk1.png"><img src="images/pk1.png"><img src="images/pk1.png"><img src="images/pk1.png"></body></html>

透视效果
  

 <!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 type="text/css">/*视距 摄影机与屏幕之间的距离 视距越大也不明显 视距越小效果越明显*/body{perspective: 1000px;}img{display: block;margin: 100px auto;transition: all 1s;}img:first-child:hover {transform: rotateX(360deg);}img:nth-child(2):hover {transform: rotateY(360deg);}img:nth-child(3):hover{transform: rotateZ(360deg);}img:last-child:hover{transform: skew(30deg);}</style></head><body><img src="images/pk1.png"><img src="images/pk1.png"><img src="images/pk1.png"><img src="images/pk1.png"></body></html>

translateZ移动 3D效果
  

  <!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 type="text/css">body{perspective: 600px;}div{width: 200px;height: 200px;background-color: pink;margin: 100px auto;transition: all 1s; /*添加过渡*/}div:hover{/*transform: translateX(100px);*//*transform: translateY(100px);*/transform: translateZ(300px); /*z控制物体与摄影机之间的距离 z越大 物体就越大 看似3D效果*/}</style></head><body><div></div></body></html>translate3d<!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 type="text/css">body{perspective: 700px;}div.box1{width: 200px;height: 200px;background-color: deeppink;transition: all 0.7s; /*所有的属性过渡*/margin: 100px auto;/*transform: translate(-50%,-50%); */transform: translate(-50%);}div:hover{/* 近大远小*/transform: translate3d(100px, 100px, 300px); /*参数 x y z 其中x y可以是px 或者是% Z只能是px*/}h4{transform: translate3d(0px, 50px, 0px);transition: all 0.6s;}h4:hover{transform: translate3d(0px, 0px, 0px);}.box{height: 1px;width: 100%;background-color: red;margin: 0;}/*清除浮动*/.clearfix::after{content: ">";display: block;height: 0;visibility: hidden;/* 隐藏盒子*/clear: both; /*清除浮动*/}.clearfix{*zoom:  1;}</style></head><body><div class="box1"></div><div class="box"></div><h4>小米:让每一个人都能平等的享受科技带来的乐趣</h4></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 type="text/css">body{background-color: green;}section{width: 450px;height: 300px;margin: 100px auto;border: 1px solid #000;background: url(images/chu.jpg) no-repeat;background-size: cover; /*保证图片充满整个区域*/perspective: 1000px; /*给父盒子添加透视效果 */position: relative;}/*宽度缩放一半*//*添加过渡效果*/.door-l,.door-r{position: absolute;top: 0;width: 50%;height: 100%;background-color: green;background: url(images/bg.png);transition: all 1s;}/*左侧盒子按照左旋转*/.door-l{left: 0;border: 1px solid #000;transform-origin: left;}.door-r{right: 0;border: 1px solid #000;transform-origin: right;}.door-l::before,.door-r::before{ /*伪元素*/content: "";position: absolute; /*绝对定位*/top: 50%;width: 20px;height: 20px;border: 1px solid #000;border-radius: 50%;transform: translateY(-50%);}.door-l::before{right: 15px;}.door-r::before{left: 15px;}/*当鼠标经过selection盒子时候 翻转rotateY*/section:hover .door-l{transform: rotateY(-130deg);}section:hover .door-r{transform: rotateY(130deg);}</style></head><body><section><div class="door-l"></div><div class="door-r"></div></section></body></html>

两面翻转图片
 

   <!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 type="text/css">div{width: 224px;height: 224px;margin: 100px auto;position: relative; /*子绝父相*/transform-style: preserve-3d; /*保留当前位置  图片扁平滑*/}div img{position: absolute;top: 0;left: 0;transition: all 4s; /*添加过渡属性*/}div img:first-child{z-index: 1;backface-visibility: hidden; /*不是正面对着屏幕的就隐藏*/}div:hover img{transform: rotateY(180deg);}</style></head><body><div><img src="images/qian.svg" alt=""><img src="images/hou.svg" alt=""></div></body></html>

CSS3动画属性
    @keyframes 规定动画
    animation  所用动画属性的简写
    animation-name 动画名称
    animation-duration 动画时长
    animation-timing-function 动画运动曲线 默认ease
    animation-delay 何时开始
    animation-iteration-count 动画播放次数 默认1
    animation-direction 是否在下一期逆向播放
    animation-paly-state 正在运行或者暂停 默认 running
    animation-fill-mode 规定动画时间外的状态
    除了名字,动画时间 延时有严格顺序要求,其他随便

animation
  

  <!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 type="text/css">div{width: 100px;height: 100px;background-color: deeppink;/*animation: go 2s ease 0s 2 reverse;*/ /*动画名称go 运动时间2s 运动曲线ease 何时开始0s 播放次数2 [reverse 逆向 normal 正常+]*//*animation: go 2s ease 0s 2 ;*/ /*顺时针2次*//*animation: go 2s ease-in 0s infinite; *//*infinite 无线循环*/animation: go 2s ease-in 0s infinite alternate; /*normal正常 alternate 正常-反方向 交替 alternate reverse 先反在正 交替 */}@keyframes go {  /*定义动画 在x轴移动600px*/from{transform: translateX(0px);}to{transform: translateX(600px);}}</style></head><body><div></div></body></html>

多组动画
  

  <!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 type="text/css">div{width: 100px;height: 100px;background-color: deeppink;/*animation: go 2s ease 0s infinite alternate;*/ /*动画名称 动画时长 运动曲线 何时开始 无线循环 正-反交替*/animation: go 2s infinite; /*引用动画*/}@keyframes go { /*定义动画*/0%{ /*等价于from*/transform: translate3d(0px, 0px, 0px);}25%{transform: translate3d(800px, 0px, 0px);}50%{transform: translate3d(800px, 400px, 0px);}75%{transform: translate3d(0px, 400px, 0px);}100%{ /*相当于to*/transform: translate3d(0px, 0px, 0px);}/*动画结束之后返回原来的位置*/}</style></head><body><div></div></body></html>

奔跑吧汽车动画
  

 <!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 type="text/css">img{animation: car 5s infinite; /*引入动画*/}@keyframes car { /*定义动画*/0%{transform: translate3d(0px, 0px, 0px);}50%{transform: translate3d(1000px, 0px, 0px);}51%{transform: translate3d(1000px, 0px, 0px) rotateY(180deg); /*如果是多组变形 都属于transform 用空格隔开*/}99%{transform: translate3d(0px, 0px, 0px) rotateY(180deg);}}</style></head><body><img src="images/car.jpg" width="250"></body></html>

横幅无线滚动效果
  

 <!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 type="text/css">*{margin: 0;padding: 0;}ul{list-style: none;}nav{width: 1200px; /*200*6=1200  图片的宽度*展示图片的数量 前提是图片必须尺寸一致*/height: 100px;border: 1px solid pink;margin: 100px auto;overflow: hidden;}nav li{float: left; /*浮动*/}nav ul{width: 200%;animation: moving 10s linear infinite;/*引用动画 无线循环 linear匀速*/}@keyframes moving { /*定义动画*/form{transform: translateX(0);}to{transform: translateX(-1200px);}}nav:hover ul{ /*鼠标经过ul就暂停动画*/animation-play-state: paused; /*暂停动画*/}</style>
</head>
<body><nav><ul><li><img src="images/1.jpg" width="200" height="100"></li><li><img src="images/2.jpg" width="200" height="100"></li><li><img src="images/3.jpg" width="200" height="100"></li><li><img src="images/4.jpg" width="200" height="100"></li><li><img src="images/5.jpg" width="200" height="100"></li><li><img src="images/6.jpg" width="200" height="100"></li><li><img src="images/1.jpg" width="200" height="100"></li><li><img src="images/2.jpg" width="200" height="100"></li><li><img src="images/3.jpg" width="200" height="100"></li><li><img src="images/4.jpg" width="200" height="100"></li><li><img src="images/5.jpg" width="200" height="100"></li><li><img src="images/6.jpg" width="200" height="100"></li></ul></nav>
</body>
</html>

传统的三等分
  

 <!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 type="text/css">section{width: 80%;height: 200px;border: 1px solid green;margin: 100px auto;}section div{width: 33.33%;height: 100%;float: left;}section div:nth-child(1){background-color: green;}section div:nth-child(2){background-color: orange;}section div:nth-child(3){background-color: deepskyblue;}</style></head><body><section><div></div><div></div><div></div></section></body></html>

flex 伸缩布局
  

  <!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 type="text/css">/*    *{margin: 0;padding: 0;}*/section{width: 80%;height: 200px;border: 1px solid greenyellow;    margin: 100px auto;display: flex; 伸缩布局模式 这个盒子就会拥有弹性 可弹性盒子}div{height: 100%;/*flex: 1; 表示每个盒子都占一份*/}div:first-child{background-color: deeppink;flex: 1; /*子盒子占分数为1*/}div:nth-child(2){background-color: lawngreen;flex: 2; /*子盒子占分数为1*/}div:last-child{background-color: lightseagreen;flex: 1; /*子盒子占分数为1*/}</style></head><body><section><div></div><div></div><div></div></section></body></html>

flex伸缩固定布局
 

   <!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 type="text/css">section{width: 80%;height: 200px;border: 1px solid #ccc;display: flex; /*伸缩布局模式*/min-width: 500;/*最小宽度500px*/}section div{height: 100%;}section div:first-child{background-color: green;width: 200px;}section div:nth-child(2){background-color: pink;flex: 1;}section div:last-child{background-color: deeppink;flex: 1;}/*说明:前面是固定的200px 后边两个盒子会平分剩余的宽度*/</style></head><body><section><div></div><div></div><div></div></section></body></html>

伸缩布局排列方式
 

   <!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 type="text/css">section{width: 80%;height: 200px;border: 1px solid rebeccapurple;display: flex; /*伸缩布局*/min-width: 500px;/*flex-direction: column;*/  /*排列方式是列*//*flex-direction: row;*/ /*排列方式是row*/flex-direction: row-reverse; /*排列方式是反向row */}div:first-child{background-color: deepskyblue;flex: 1; /*分1份*/}div:nth-child(2){background-color: rebeccapurple;flex: 3; /*分3份*/}div:nth-child(3){background-color: green;flex: 1;}div:last-child{background-color: hotpink;/*height: 500px;*/width: 100px;}</style></head><body><section><div>1</div><div>2</div><div>3</div><div>4</div></section></body></html>

justify-content 插入内容
    flex-start 默认从父盒子开头
    fled-end 项目位于父盒子结尾
    center 项目位于容器中心
    space-between 项目位于父盒子各行之间留有空白的容器内
    space-around 项目位于各行之前、之后、之间都留有空白的容器

justify-content
  

 <!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 type="text/css">section{width: 1000px;height: 250px;border: 1px solid orange;display: flex; /*伸缩布局*//*justify-content: flex-start; 默认*//*justify-content: flex-end; 从父盒子右边添加*//*justify-content: center; 从父盒子中心添加*//*justify-content: space-between;*/ /*在父盒子宽度范围内平均空白的区域*/justify-content: space-around; /*在各控件之前之间之后平局分配空白区域*/}div{width: 200px;height: 250px;}div:first-child{background-color: deeppink;width: 400px;}div:nth-child(2){background-color: green;}div:last-child{background-color: yellowgreen;}</style></head><body><section><div></div><div></div><div></div></section></body></html>

align-items 调整测轴对齐
    stretch 默认值 项目被拉伸以适应容器 前提子元素不要给高度
    center 项目位于容器中心
    flex-start 项目位于容器开头
    flex-end 项目位于容器结尾
  

 <!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 type="text/css">section{width: 1000px;height: 500px;border: 1px solid green;display: flex; /*伸缩布局*/justify-content: space-between;/*align-items: flex-start; 默认上对齐*//*align-items: flex-end; 底部对齐*//*align-items: center; *//*垂直对齐*/align-items: stretch; /*拉伸高*/}section div{width: 200px;/*height: 100px;*/}div:first-child{background-color: greenyellow;}div:nth-child(2){background-color: orange;}div:last-child{background-color: powderblue;}</style></head><body><section><div></div><div></div><div></div></section></body></html>

flex-wrap控制是否换行
    norwrap 不拆行 不拆列 压缩显示
    wrap 必要时拆行拆列
    wrap-reverse 相反顺序 必要时拆行拆列

  

 <!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 type="text/css">section{width: 1000px;height: 1000px;border: 1px solid green;display: flex; /*伸缩模式*//*flex-wrap: nowrap; 默认 不换行 则压缩显示*//*flex-wrap: wrap; 必要时拆分*/flex-wrap: wrap-reverse; /*反转*/}div{width: 250px;height: 200px;}div:first-child{background-color: green;}div:nth-child(2){background-color: orange;}div:nth-child(3){background-color: darkorange;}div:nth-child(4){background-color: limegreen;}div:nth-child(5){background-color: pink;}</style>
</head>
<body><section><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div></section>
</body>
</html>

align-content 堆栈 [由flex-wrap产生的独立行对齐]
    align-content针对flex容器多轴情况 align-item是针对一行情况排列
    父元素必须设置display:flex 横向排列必须设置 flex-direction:row flex-wrap:wrap 属性才会起作用
    stretch 默认值 项目被拉伸适应容器
    center 项目位于容器中心
    flex-start 项目位于容器开头
    flex-end 项目位于容器结尾
    space-between 项目位于各行之间的空白
    space-around 项目位于各行之前 之间 之后都留有控件容器内

  

 <!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 type="text/css">section{width: 1000px;height: 800px;border: 1px solid purple;display: flex; /*拉神模式*/flex-flow: row wrap; /*必须设置这个属性 否则下边不起作用*//*align-content: center; 项目居中*//*align-content: flex-start; 位于父盒子开始排列*//*align-content: flex-end; 位于父盒子的底部*//*align-content: space-between; 垂直平分各行之前之后的空白容器区域*//*align-content: space-around; 垂直平分各行之前之间之后的空白区域*/align-content: stretch; /*不要给子元素高度值*/}div{width:248px;/*height: 200px;*/border: 1px solid greenyellow;background-color: #00A477;}</style></head><body><section><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div></section></body></html>

order 排序 数值越小越靠前
  

 <!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 type="text/css">section{width: 1000px;height: 600px;border: 1px solid green;/*设置拉伸属性要给父类!!!*/display: flex;/*flex-wrap: wrap; 是否换行*//*justify-content: flex-start;*//*justify-content: flex-end;*/ /*从父盒子右边添加*//*justify-content: center;*/ /*从父盒子中心添加*//*justify-content: space-around;*/ /*在各控件之前之间之后平局分配空白区域*/flex-wrap: wrap; /*必要时拆行拆列*/align-items: center; /*垂直居中*//*调整测轴对齐 垂直居中*/flex-direction: row;align-content: center; /*对战*/}div{width: 248px;height: 200px;border: 1px solid darkred;background-color: seagreen;}div:nth-child(7){background-color: pink;order: -1;}</style>
</head>
<body><section><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div></section>
</body>
</html>

查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. (数据库系统概论|王珊)第五章数据库完整性-第一、二、三节:数据库三大完整性

    文章目录一&#xff1a;数据库完整性概述&#xff08;1&#xff09;数据库完整性的基本概念&#xff08;2&#xff09;数据库完整性和安全性的区别&#xff08;3&#xff09;为维护完整性DBMS必须要实现的功能二&#xff1a;实体完整性&#xff08;1&#xff09;定义实体完整性…...

    2024/3/6 15:55:37
  2. 李宏毅机器学习笔记——元学习Meta Learning

    元学习Meta Learning&#xff1a;学习如何去学习。learn to learn. 机器学习步骤总结 第一步&#xff1a; 第二步&#xff1a; 第三步&#xff1a; 元学习是什么 输入训练资料&#xff0c;通过方法&#xff0c;进行训练。学习这个方法。 利用以往的知识经验来指导新任务…...

    2024/3/6 15:55:35
  3. eop常见问题

    未连接op/eop到电脑有其他程序在使用op/eop (同一时间只能有一个程序使用它)jtag线未接开发板未上电oflash xxx.bin 时当前目录下没有xxx.bin烧写完后没有正确设置启动开关烧写完后&#xff0c;op/eop-----开发板之间的排线未断开, 导致程序无法运行...

    2024/3/6 15:55:34
  4. 纯CSS水波纹流量思路

    此示例仅提供思路&#xff0c;距正式使用还有距离&#xff1a; div画圆形&#xff0c;设置蓝色背景&#xff0c;然后使用after,before画两个圆&#xff0c;然后旋转起来。 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8&qu…...

    2024/3/4 13:23:36
  5. 28-Figma-消息页面制作

    28-Figma-消息页面制作 效果 1.顶部菜单 4个菜单是变体组件 小角标是自己做出来的2.列表item组件 3.用列表item的实例&#xff0c;完成列表...

    2024/3/4 13:23:33
  6. DMHS 安装步骤

    1.完整版安装 2.服务脚本 完整版服务脚本 /opt/dmhs/db/bin/DmServiceHSDB 内置数据库脚本 /opt/dmhs/web/bin/DmhsWebService Web脚本 /opt/dmhs/hs_agent/ DmhsAgentServiceHsAgent Agent脚本 3.目录结构 4.启动DMHS 4.1启动web节点 [rootmydb bin]# ./DmServiceHSDB …...

    2024/3/4 13:23:32
  7. JetPack(二)ViewModel小试牛刀,Context都没弄明白凭什么拿高薪

    activity_main.xml&#xff08;通过ConstraintLayout拖拽实现的&#xff09; <?xml version"1.0" encoding"utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android“http://schemas.android.com/apk/res/android” xmlns:app…...

    2024/3/4 13:23:31
  8. 【Swift】LeedCode 速算机器人

    【Swift】LeedCode 速算机器人 由于各大平台的算法题的解法很少有Swift的版本&#xff0c;小编这边将会出个专辑为手撕LeetCode算法题。 小扣在秋日市集发现了一款速算机器人。店家对机器人说出两个数字&#xff08;记作 x 和 y&#xff09;&#xff0c;请小扣说出计算指令&am…...

    2024/3/6 15:55:35
  9. 元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型

    元素隐式具有 “any” 类型&#xff0c;因为类型为 “string” 的表达式不能用于索引类型 在使用ts批量注入element-plus/icons图标时报错 解决办法 要么忽略要么声明&#xff0c;但是如果忽然就失去了typescript意义 这里给出typescript的声明方法 在utils.ts中定义方法 …...

    2024/3/6 15:55:31
  10. 商标被侵权后的处理方法,教你怎么维护商标信誉

    商标被侵权后的处理方法&#xff0c;教你怎么维护商标信誉&#xff0c;商标是一个企业的明信片&#xff0c;也是企业的门面&#xff0c;最近几年来&#xff0c;商标被侵权的事件屡见不鲜&#xff0c;很多用户也一直在反侵权的道路上一直前进&#xff0c;下面就和公司宝一起来看…...

    2024/3/19 23:51:27
  11. android app Service使用LiveData

    Service 使用liveData 背景知识 数据绑定的方法如下 MainThreadpublic void observe(NonNull LifecycleOwner owner, NonNull Observer<? super T> observer) {assertMainThread("observe");if (owner.getLifecycle().getCurrentState() DESTROYED) {// ig…...

    2024/3/6 15:55:28
  12. 快速简单的OpenCV的安装方法【视频】

    目录前言一、视频过程二、图文教程总结前言 介绍&#xff1a;这里是Dorian与Ai的CSDN频道&#xff0c;如果觉得文章有用&#xff0c;请不要吝啬您的点赞。 说明&#xff1a;第一部分为视频过程&#xff0c;第二部分为图文过程&#xff0c;都可以实现。 内容&#xff1a;一分钟搞…...

    2024/3/6 15:55:27
  13. [笔记]Windows核心编程《十七》内存映射文件

    参考 文章目录前言一、映射到内存的可执行文件和DLLCreateProcess调用过程二、映射到内存的数据文件三、使用内存映射文件四、用内存映射文件来处理大文件五、内存映射文件和一致性六、给内存映射文件的指定基地址七、内存映射文件的实现细节八、用内存映射文件再进程间共享数据…...

    2024/3/6 15:55:26
  14. Redis:集群(cluster)

    redis&#xff1a;持久化 redis&#xff1a;主从复制 redis&#xff1a;哨兵 redis&#xff1a;集群 1 概述 集群&#xff0c;即Redis Cluster&#xff0c;是Redis 3.0开始引入的分布式存储方案。 集群由多个节点(Node)组成&#xff0c;Redis的数据分布在这些节点中。集群中…...

    2024/3/6 15:55:25
  15. 测试基础1

    ⼀、软件测试 概念&#xff1a;使⽤技术⼿段验证软件功能是否符合需求 ⼆、主流测试技能 主流测试技能 1、功能测试 2、接⼝测试 3、⾃动化测试 4、性能测试 三、测试常⽤分类 1、按阶段划分 单元测试&#xff1a;针对程序源代码进⾏测试&#xff08;开发&#xff09…...

    2024/3/6 15:55:24
  16. Netty学习笔记(1) Netty进阶-1

    文章目录前言粘包和半包1. 粘包现象2. 半包现象3. 现象分析&#xff08;看视频&#xff09;4. 粘包解决方法 - 短链接5. 半包解决方法 - 定长解码器6. 粘包半包解决 - 行解码器7. 粘包半包解决 - LTC解码器1. 概念2. 代码前言 笔记基于黑马的Netty教学讲义加上自己的一些理解&…...

    2024/3/6 15:55:23
  17. 递归之斐波那契数列

    多分支递归&#xff1a;斐波那契数列&#xff08;分解为多个小规模的子问题&#xff09; public class 斐波那契数列 { public static void main(String[] args) { // TODO Auto-generated method stub System.out.println(fib(3)); } //执行顺序先纵后…...

    2024/3/6 15:55:22
  18. 逆向re题笔记

    1、game 观察游戏规则 将所有的灯点亮就能拿到flag&#xff08;按照12345678的顺序就能通关&#xff09; 那么我们可以这样想&#xff1a;就让它点亮一盏灯&#xff0c;我们就能通关。 所以开始执行&#xff1a; 我们先点几盏灯试一试&#xff0c;发现输入2时&#xff0c;前三…...

    2024/3/22 12:20:58
  19. Java的Url编码和解码,这里有份超全Android体系化进阶学习图谱

    System.out.println(keyWord); //将普通字符串转换成 //application/x-www-form-urlencoded字符串 //必须强调的是编码方式必须正确&#xff0c;如baidu的是gb2312&#xff0c;而google的是UTF-8 String urlStr URLEncoder.encode(“文档”, “gb2312”); System.out.pri…...

    2024/3/6 15:55:19
  20. 面试官:Java反射是什么?

    一.概念 二.常用方法 三.典型例题 四.Method类 五.数组的反射 六.结束语 一.概念 反射就是把Java的各种成分映射成相应的Java类。 Class类的构造方法是private&#xff0c;由JVM创建。 反射是java语言的一个特性&#xff0c;它允程序在运行时&#xff08;注意不是编译…...

    2024/3/4 13:23:38

最新文章

  1. 使用dlv配合goland调试在wsl中运行的go程序

    参考文章&#xff1a;https://marksuper.xyz/2021/06/29/dlv-goland/ 首先安装一下dlv这个工具&#xff1a; git clone GitHub - go-delve/delve: Delve is a debugger for the Go programming language. cd delve go install github.com/go-delve/delve/cmd/dlv 我们直接开始配…...

    2024/3/28 21:48:05
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. 施工合同纠纷中的一些坑,你要了解

    1、如何认定未取得“四证”而签订的建设工程施工合同的效力&#xff1f;发包人未取得建设用地规划许可证或建设工程规划许可证&#xff0c;与承包人签订建设工程施工合同的&#xff0c;应认定合同无效&#xff1b;但在一审庭审辩论终结前取得建设用地规划许可证和建设工程规划许…...

    2024/3/28 20:41:20
  4. 跨境专用链路 助力畅快上网

    在当今数字化快速发展的时代&#xff0c;网络连接的稳定性和高效性对于企业的业务运营至关重要。为了满足客户在不同地域间畅快上网的需求&#xff0c;我们为您提供了具备专属IP地址和独享带宽的专用链路。无论是在境内还是境外&#xff0c;我们都能为您提供多种速率的实时在线…...

    2024/3/28 9:29:18
  5. wkt转geojson

    1、js实现&#xff0c;以polygon为例wkt转geojson function processPolygonString2PolygonArray(polygonString, proj) {var geoJson {};if (polygonString.startsWith("MULTIPOLYGON")) {// 多面geoJson["type"] "MultiPolygon";var firstLe…...

    2024/3/28 2:58:56
  6. 【外汇早评】美通胀数据走低,美元调整

    原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...

    2024/3/27 10:21:24
  7. 【原油贵金属周评】原油多头拥挤,价格调整

    原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...

    2024/3/24 20:11:25
  8. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...

    2024/3/18 12:12:47
  9. 【原油贵金属早评】库存继续增加,油价收跌

    原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/3/24 20:11:23
  10. 【外汇早评】日本央行会议纪要不改日元强势

    原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...

    2024/3/26 20:58:42
  11. 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响

    原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...

    2024/3/28 17:01:12
  12. 【外汇早评】美欲与伊朗重谈协议

    原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/3/24 5:55:47
  13. 【原油贵金属早评】波动率飙升,市场情绪动荡

    原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/3/27 10:28:22
  14. 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试

    原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...

    2024/3/26 23:04:51
  15. 【原油贵金属早评】市场情绪继续恶化,黄金上破

    原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...

    2024/3/26 11:20:25
  16. 【外汇早评】美伊僵持,风险情绪继续升温

    原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/3/24 20:11:18
  17. 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势

    原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...

    2024/3/28 9:10:53
  18. 氧生福地 玩美北湖(上)——为时光守候两千年

    原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...

    2024/3/24 20:11:16
  19. 氧生福地 玩美北湖(中)——永春梯田里的美与鲜

    原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...

    2024/3/24 20:11:15
  20. 氧生福地 玩美北湖(下)——奔跑吧骚年!

    原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/3/27 7:12:50
  21. 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!

    原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...

    2024/3/24 20:11:13
  22. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/3/26 11:21:23
  23. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...

    2024/3/28 18:26:34
  24. 广州械字号面膜生产厂家OEM/ODM4项须知!

    原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...

    2024/3/28 12:42:28
  25. 械字号医用眼膜缓解用眼过度到底有无作用?

    原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...

    2024/3/28 20:09:10
  26. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  27. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  28. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  29. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  30. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  31. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  32. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  33. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  34. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  35. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  36. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  37. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  38. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  39. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  40. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  41. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  42. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  43. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  44. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  45. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57