七天学会h5和css3之盒子模型内边距和外边距(12)
先来练习一个题目:做一个新浪体育文本页面。,可能你现在并不能很好的做出这个效果,但是学习了本节后,你将很快的做出这个页面,具体代码和效果如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}
a{text-decoration:none;color:#0454a7;}
a:hover{text-decoration:underline;}
.news{width:600px;margin:100px auto;border: solid 1px #bbb;border-top: solid 3px #094683;padding:11px 20px 15px;}
.news h2{color: #000;font-family: "Microsoft Yahei","微软雅黑", "黑体";font-size: 22px;font-weight: normal;height: 35px;line-height: 35px;overflow: hidden;text-align: center;}
.artInfo{border-bottom: solid 1px #ccc;color: #999;padding: 10px 0;text-align: center;font-size:12px;
}
.artInfo a{color: #999;text-decoration:none;margin: 0 10px;}
.artInfo a:hover{text-decoration:underline}
.time{margin:0 10px;}
.re{color:#b60c0c!important;}
.article{padding:20px;font-size: 14px;line-height: 23px;color:#333;}
.img-wrap{text-align:center;}
.img-wrap span{line-height: 20px;padding: 6px 0;color: #666;font-size: 12px;margin: 5px auto;display: inline-block;
}
.article p{text-indent:2em;}.ln{border:1px dashed #ccc;padding:10px;margin-top:10px;
}
.ln a{color:#0454a7;text-decoration:none;}
.info{text-align:right;font-size:12px;}
.keywords{margin: 10px 0;}
.keywords span{font-weight:bold;
} .load{margin: 0 20px;padding:2px 0;border:1px solid #0454a7;text-align:center;background-color:rgb(222, 226, 243);}
</style>
</head><body>
<div class="news"><h2>鲁能热身赛16-0大胜业余队 野牛4球蒙蒂略戴帽</h2><div class="artInfo"><span class="time">2015年08月08日18:19</span> <a href="#" class="re">新浪体育</a> 微博 <a href="#">我有话说(<span class="re">10,370</span>人参与)</a> <a href="#">收藏本文</a></div><div class="article"><div class="img-wrap"><img src="img.jpg" /><span>鲁能热身赛16-0大胜</span></div><p>新浪体育讯 北京时间8月8日消息,山东鲁能俱乐部在训练基地内与业余球队山东太阳金店足球俱乐部进行了一场热身赛,最终鲁能以16-0大胜对手,阿洛伊西奥上演大四喜,韩鹏和蒙蒂略完成帽子戏法,尤西雷梅开二度,塔尔德利、赵明剑、张文钊、成源均取得进球。</p><div class="ln">
<a href="#" title="鲁能泰山足球新闻">鲁能泰山足球新闻</a>:#鲁能泰山#鲁能热身赛16-0击败一支业余球队,韩鹏和蒙蒂略帽子戏法,野牛大四喜,尤西雷梅开二度,塔尔德利、赵明剑、张文钊、成源取得进球。
<div class="info">2015-08-08 17:54 来自百度浏览器 转发(49) | 收藏 | 评论(50)</div>
</div><p>由于国足征战东亚杯比赛,中超联赛获得了两周的间歇期,山东鲁能训练备战同时,也邀请了一支业余球队进行热身赛。尽管王大雷、王永珀、杨旭、王彤等人随国足征战东亚杯,但鲁能还是派出了现有最强阵容,以16-0大胜了对手,据悉上半场就取得了9-0的领先,尽管与业余球队比赛,胜负并不重要,但这样的大比分胜利也能看出鲁能全队目前状态不错。</p><p>下周三中超第22轮就将打响,山东鲁能客场挑战北京国安,两支争冠球队的直接对话,无疑是本轮最焦点之战。由于国足本周日才结束东亚杯赛事,鲁能阵中的国脚体能能恢复多少非常关键,而以现有的鲁能球员组成的阵容,实力也绝对不容小觑。(瑪塔)</p><div class="keywords"><span>文章关键词</span>:<a href="#">中超</a><a href="#">鲁能</a> <a href="#">阿洛伊西奥</a> <a href="#">蒙蒂略</a> </div> <div class="load"><a href="#">点击下载【新浪体育客户端】,赛事视频直播尽在掌握</a></div></div>
</div>
</body>
</html>
- 理解:
- 能说出盒子模型有那四部分组成
- 能说出内边距的作用以及对盒子的影响
- 能说出padding设置不同数值个数分别代表的意思
- 能说出块级盒子居中对齐需要的2个条件
- 能说出外边距合并的解决方法
- 应用:
- 能利用边框复合写法给元素添加边框
- 能计算盒子的实际大小
- 能利用盒子模型布局模块案例
1.看透网页布局的本质
网页布局中,我们是如何把里面的文字,图片,按照美工给我们的效果图排列的整齐有序呢
- 看透网页布局的本质:
- 首先利用CSS设置好盒子的大小,然后摆放盒子的位置。
- 最后把网页元素比如文字图片等等,放入盒子里面。
- 以上两步 就是网页布局的本质
我们明白了,盒子是网页布局的关键点,所以我们更应该弄明白 这个盒子有什么特点。
2. 盒子模型(Box Model)
- 所谓盒子模型:
- 就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。
* 盒子模型有元素的内容、边框(border)、内边距(padding)、和外边距(margin)组成。
* 盒子里面的文字和图片等元素是 内容区域
* 盒子的厚度 我们成为 盒子的边框
* 盒子内容与边框的距离是内边距(类似单元格的 cellpadding)
* 盒子与盒子之间的距离是外边距(类似单元格的 cellspacing)
**标准盒子模型**
<img src='./media/标准盒子模型.png'>
3. 盒子边框(border)
<img src='./media/盒子边框.png'>
- 语法:
~~~css
border : border-width || border-style || border-color
~~~
| 属性 | 作用 |
| ------------ | :--------------------: |
| border-width | 定义边框粗细,单位是px |
| border-style | 边框的样式 |
| border-color | 边框颜色 |
- 边框的样式:
- none:没有边框即忽略所有边框的宽度(默认值)
- solid:边框为单实线(最为常用的)
- dashed:边框为虚线
- dotted:边框为点线
3.1 边框综合设置
```
border : border-width || border-style || border-color
```
例如:
~~~css
border: 1px solid red; 没有顺序
~~~
3.2 盒子边框写法总结表
很多情况下,我们不需要指定4个边框,我们是可以单独给4个边框分别指定的。
| 上边框 | 下边框 | 左边框 | 右边框 |
| :------------------------- | :---------------------------- | :-------------------------- | :--------------------------- |
| border-top-style:样式; | border-bottom-style:样式; | border-left-style:样式; | border-right-style:样式; |
| border-top-width:宽度; | border- bottom-width:宽度; | border-left-width:宽度; | border-right-width:宽度; |
| border-top-color:颜色; | border- bottom-color:颜色; | border-left-color:颜色; | border-right-color:颜色; |
| border-top:宽度 样式 颜色; | border-bottom:宽度 样式 颜色; | border-left:宽度 样式 颜色; | border-right:宽度 样式 颜色; |
3.3 表格的细线边框
<img src='./media/表格边框.png'>
- 通过表格的`cellspacing="0"`,将单元格与单元格之间的距离设置为0,
- 但是两个单元格之间的边框会出现重叠,从而使边框变粗
- 通过css属性:
~~~
table{ border-collapse:collapse; }
~~~
- collapse 单词是合并的意思
- border-collapse:collapse; 表示相邻边框合并在一起。
~~~css
<style>
table {
width: 500px;
height: 300px;
border: 1px solid red;
}
td {
border: 1px solid red;
text-align: center;
}
table, td {
border-collapse: collapse; /*合并相邻边框*/
}
</style>
~~~
<img src='./media/边框合并.png'>
. 内边距(padding)
<img src='./media/16内边距.png'>
4.1 内边距:
padding属性用于设置内边距。 **是指 边框与内容之间的距离。**
### 4.2 设置
| 属性 | 作用 |
| ------------- | :------- |
| padding-left | 左内边距 |
| padding-right | 右内边距 |
| padding-top | 上内边距 |
| padding-bottom | 下内边距 |
当我们给盒子指定padding值之后, 发生了2件事情:
1. 内容和边框 有了距离,添加了内边距。
2. 盒子会变大了。
<img src="media/w.jpg"/>**注意: 后面跟几个数值表示的意思是不一样的。**
我们分开写有点麻烦,我们可以不可以简写呢?
| 值的个数 | 表达意思 |
| -------- | ----------------------------------------------- |
| 1个值 | padding:上下左右内边距; |
| 2个值 | padding: 上下内边距 左右内边距 ; |
| 3个值 | padding:上内边距 左右内边距 下内边距; |
| 4个值 | padding: 上内边距 右内边距 下内边距 左内边距 ; |
请写出如下内边距:
1. 要求盒子有一个左边内边距是 5像素
2. 要求简写的形式写出 一个盒子上下是 25像素 左右是15像素。
3. 要求简写的形式写出 一个盒子 上内边距是 12像素 下内边距是 0 左内边距是 25像素 右内边距是 1
新浪导航
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>新浪导航栏案例</title><style>/*清除元素默认的内外边距*/* {margin: 0;padding: 0;}.nav {height: 41px;background-color: #FCFCFC;/*上边框*/border-top: 3px solid #FF8500;/*下边框*/border-bottom: 1px solid #EDEEF0;}.nav a {/*转换为行内块*/display: inline-block;height: 41px;line-height: 41px;color: #4C4C4C;/*代表 上下是 0 左右是 20 内边距*/padding: 0 20px;/*background-color: pink;*/text-decoration: none;font-size: 12px;}.nav a:hover {background-color: #eee;}</style>
</head>
<body><div class="nav"><a href="#">设为首页</a><a href="#">手机新浪网</a><a href="#">移动客户端</a><a href="#">博客</a><a href="#">微博</a><a href="#">关注我</a></div>
</body>
</html>
新浪导航栏的核心就是因为里面的字数不一样多,所以我们不方便给宽度,还是给padding ,撑开盒子的。
<img src="media/al.gif"
4.4 内盒尺寸计算(元素实际大小)
<img src='./media/盒模型大小.png'>
- 宽度
Element Height = content height + padding + border (Height为内容高度)
- 高度
Element Width = content width + padding + border (Width为内容宽度)
- 盒子的实际的大小 = 内容的宽度和高度 + 内边距 + 边框
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>计算盒子实际的大小</title><style>div {width: 180px;height: 200px;background-color: pink;/*添加10px 内边距 左右 上下*/padding: 10px;/*盒子的实际大小 = 内容宽度 高度 + 内边距 + 边框*//* = 200 + 20 + 0= 220 *//*解决的方法:内边距一定要给的, 我们只能改变 内容宽度 width 让他减去 多出来的内边距就可以了*//*200 - 20 = 180 */}</style>
</head>
<body><div> </div>
</body>
</html>
4.5 内边距产生的问题
- 问题
<img src='./media/31padding问题.png'>
会撑大原来的盒子
- 解决:
通过给设置了宽高的盒子,减去相应的内边距的值,维持盒子原有的大小
1. 一个盒子宽度为100, padding为 10, 边框为5像素,问这个盒子实际的宽度的是()
- [x] (A) 130
- [ ] (B) 135
- [ ] (C) 125
- [ ] (D) 115
100 + 20 + 10
2. 关于根据下列代码计算 盒子宽高下列说法正确的是()
```css
div {
width: 200px;
height: 200px;
border: 1px solid #000000;
border-top: 5px solid blue;
padding: 50px;
padding-left: 100px;
}
```
- [ ] (A) 宽度为200px 高度为200px
- [x] (B) 宽度为352px 高度为306px
- [ ] (C) 宽度为302px 高度为307px
- [ ] (D) 宽度为302px 高度为252px
w 200 + 150 + 2 = 352
h 200 + 100 + 6 = 306
4.6 padding不影响盒子大小情况
> 如果没有给一个盒子指定宽度, 此时,如果给这个盒子指定padding, 则不会撑开盒子。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 200px;height: 200px;background-color: pink;}p { /*width: 200px;*/height: 30px;background-color: purple;padding-left: 30px;/*特殊情况, 如果这个盒子啊,没有宽度 则padding 不会撑开盒子*/}</style>
</head>
<body><div> <p>哒哒哒</p></div>
</body>
</html>
5. 外边距(margin)
<img src='./media/18margin外边距.png'>
5.1 外边距
margin属性用于设置外边距。 margin就是控制**盒子和盒子之间的距离**
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 200px;height: 200px;background-color: pink;padding: 20px;/*外边距*//*margin-left: 100px;margin-top: 50px;*/margin: 100px 20px 0 10px;}</style>
</head>
<body><div></div>
</body>
</html>
5.2 设置:
| 属性 | 作用 |
| ------------- | :------- |
| margin-left | 左外边距 |
| margin-right | 右外边距 |
| margin-top | 上外边距 |
| margin-bottom | 下外边距 |
margin值的简写 (复合写法)代表意思 跟 padding 完全相同。
5.3 块级盒子水平居中
- 可以让一个块级盒子实现水平居中必须:
- 盒子必须指定了宽度(width)
- 然后就给**左右的外边距都设置为auto**,
实际工作中常用这种方式进行网页布局,示例代码如下:
css
.header{ width:960px; margin:0 auto;}
常见的写法,以下下三种都可以。
* margin-left: auto; margin-right: auto;
* margin: auto;
* margin: 0 auto;
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 600px;height: 400px;background-color: pink;/*让块级盒子居中对齐水平 1. 必须有宽度 2. 左右外边距设置为auto*//*1. margin-left: auto;margin-right: auto;*//*2. margin: auto;*/margin: 0 auto;}</style>
</head>
<body><div></div>
</body>
</html>
5.4 文字居中和盒子居中区别
1. 盒子内的文字水平居中是 text-align: center, 而且还可以让 行内元素和行内块居中对齐
2. 块级盒子水平居中 左右margin 改为 auto
css
text-align: center; /* 文字 行内元素 行内块元素水平居中 */
margin: 10px auto; /* 块级盒子水平居中 左右margin 改为 auto 就阔以了 上下margin都可以 */
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 600px;height: 300px;background-color: pink;/*块级盒子水平居中*/margin: 50px auto;/*盒子里面的文字 行内元素 、行内块居中对齐水平居中*/text-align: center;}</style>
</head>
<body><div> 稳住 <strong>我们能赢</strong> <input type="text"> </div>
</body>
</html>
5.5 插入图片和背景图片区别
1. 插入图片 我们用的最多 比如产品展示类 移动位置只能靠盒模型 padding margin
4. 背景图片我们一般用于小图标背景 或者 超大背景图片 背景图片 只能通过 background-position
~~~css
img {
width: 200px;/* 插入图片更改大小 width 和 height */
height: 210px;
margin-top: 30px; /* 插入图片更改位置 可以用margin 或padding 盒模型 */
margin-left: 50px; /* 插入当图片也是一个盒子 */
}
div {
width: 400px;
height: 400px;
border: 1px solid purple;
background: #fff url(images/sun.jpg) no-repeat;
background-position: 30px 50px; /* 背景图片更改位置 我用 background-position */
}
~~~
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.pic,.bg {width: 500px;height: 500px;border: 1px solid red;/*padding: 30px;*/}.pic img {margin: 30px;}.bg {background: url(images/3.jpg) no-repeat;background-position: 30px 30px;/*padding: 30px;*/}</style>
</head>
<body><div class="pic"><img src="images/3.jpg" alt=""></div><div class="bg"></div>
</body>
</html>
5.6 清除元素的默认内外边距(重要)
<img src='./media/19清除内外边距.png'>
为了更灵活方便地控制网页中的元素,制作网页时,我们需要将元素的默认内外边距清除
代码:
~~~css
* {
padding:0; /* 清除内边距 */
margin:0; /* 清除外边距 */
}
~~~
注意:
* 行内元素为了照顾兼容性, 尽量只设置左右内外边距, 不要设置上下内外边距。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>/*这是一个神奇的代码 我们以后写css 第一句话*/* {margin: 0;padding: 0;}span {margin: 30px;}</style>
</head>
<body>一个问题<p>又是一个问题</p><span> 行内元素 尽量只设置左右内外边距, 不要设置上下内外边距。</span>
</body>
</html>
5.7 外边距合并
使用margin定义块元素的**垂直外边距**时,可能会出现外边距的合并。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.top,.bottom {width: 200px;height: 200px;background-color: pink;}.top {margin-bottom: 100px;}.bottom {background-color: purple;margin-top: 50px;}</style>
</head>
<body><div class="top"></div><div class="bottom"></div>
</body>
</html>
1). 相邻块元素垂直外边距的合并
- 当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom
- 下面的元素有上外边距margin-top,则他们之间的垂直间距不是margin-bottom与margin-top之和
- **取两个值中的较大者**这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。
<img src="media/www.png" />
**解决方案:尽量给只给一个盒子添加margin值**。
(2). 嵌套块元素垂直外边距的合并(塌陷)
- 对于两个嵌套关系的块元素,如果父元素没有上内边距及边框
- 父元素的上外边距会与子元素的上外边距发生合并
- 合并后的外边距为两者中的较大者
<img src="media/n.png" />
**解决方案:**
1. 可以为父元素定义上边框。
2. 可以为父元素定义上内边距
2. 可以为父元素添加overflow:hidden。
还有其他方法,比如浮动、固定、绝对定位的盒子不会有问题,后面咱们再总结。。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.father {width: 500px;height: 500px;background-color: pink;/*嵌套关系 垂直外边距合并 解决方案 *//*1. 可以为父元素定义上边框 transparent 透明*//*border-top: 1px solid transparent;*//*2. 可以给父级指定一个 上 padding值*//*padding-top: 1px; *//*3. 可以为父元素添加overflow:hidden。*/overflow: hidden;}.son {width: 200px;height: 200px;background-color: purple;margin-top: 100px;}</style>
</head>
<body><div class="father"><div class="son"></div></div>
</body>
</html>
6. 盒子模型布局稳定性
- 学习完盒子模型,内边距和外边距,什么情况下用内边距,什么情况下用外边距?
- 大部分情况下是可以混用的。 就是说,你用内边距也可以,用外边距也可以。 你觉得哪个方便,就用哪个。
我们根据稳定性来分,建议如下:
按照 优先使用 宽度 (width) 其次 使用内边距(padding) 再次 外边距(margin)。
```
width > padding > margin
```
- 原因:
- margin 会有外边距合并 还有 ie6下面margin 加倍的bug(讨厌)所以最后使用。
- padding 会影响盒子大小, 需要进行加减计算(麻烦) 其次使用。
- width 没有问题(嗨皮)我们经常使用宽度剩余法 高度剩余法来做。
圆角边框(CSS3)
<img src='./media/圆角.png'>
- 语法:
```css
border-radius:length;
```
- 其中每一个值可以为 数值或百分比的形式。
- 技巧: 让一个正方形 变成圆圈
~~~
border-radius: 50%;
~~~
<img src="media/radio.png" />
* <img src='./media/圆角.png'>
* 以上效果图矩形的圆角, 就不要用 百分比了,因为百分比会是表示高度和宽度的一半。
* 而我们这里矩形就只用 用 高度的一半就好了。精确单位
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 200px;height: 200px;background-color: pink;/*border-radius: 100px;*/border-radius: 50%;}p {width: 100px;height: 20px;background-color: red;font-size: 12px;color: #fff;text-align: center;line-height: 20px;border-radius: 10px;}</style>
</head>
<body><div> </div><p> 特价 免费送 </p>
</body>
</html>
2. 盒子阴影(CSS3)
<img src='./media/阴影.png'>
- 语法:
~~~css
box-shadow:水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影;
~~~
![1498467567011](media/1498467567011.png)
- 前两个属性是必须写的。其余的可以省略。
- 外阴影 (outset) 是默认的 但是不能写 想要内阴影可以写 inset
~~~css
div {
width: 200px;
height: 200px;
border: 10px solid red;
/* box-shadow: 5px 5px 3px 4px rgba(0, 0, 0, .4); */
/* box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸(影子大小) 阴影颜色 内/外阴影; */
box-shadow: 0 15px 30px rgba(0, 0, 0, .4);
}
~~~
# CSS书写规范
开始就形成良好的书写规范,是你专业的开始。
## 空格规范
【强制】 选择器 与 { 之间必须包含空格。
示例:
~~~css
.selector {
}
~~~
【强制】 属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。
示例:
~~~css
font-size: 12px;
~~~
## 选择器规范
【强制】 并集选择器,每个选择器声明必须独占一行。
示例:
```
/* good */
.post,
.page,
.comment {
line-height: 1.5;
}
/* bad */
.post, .page, .comment {
line-height: 1.5;
}
```
【建议】 一般情况情况下,选择器的嵌套层级应不大于 3 级,位置靠后的限定条件应尽可能精确。
示例:
```css
/* good */
#username input {}
.comment .avatar {}
/* bad */
.page .header .login input {}
.comment div * {}
属性规范
【强制】 属性定义必须另起一行。
示例:
```css
/* good */
.selector {
margin: 0;
padding: 0;
}
/* bad */
.selector { margin: 0; padding: 0; }
```
【强制】 属性定义后必须以分号结尾。
示例:
```css
/* good */
.selector {
margin: 0;
}
/* bad */
.selector {
margin: 0
}
```
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 200px;height: 200px;background-color: pink;margin: 50px auto;/*box-shadow:水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影;*/box-shadow: 0 15px 30px rgba(0,0,0,.3);}</style>
</head>
<body><div></div>
</body>
</html>
最后做两个练习题:
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><style>* { /* 清空默认的内外边距 几乎是我们写css 必须要写的 */margin: 0;padding: 0;}ul {list-style: none; /* 取消列表自带的小点 默认的列表样式 */}.searchPic {width: 238px;height: 294px;border: 1px solid #D9E0EE;border-top: 3px solid #FF8400; /* 这句话要放到 border 的下面 */margin: 100px;}.searchPic h3 {height: 35px;line-height: 35px; /* 让行高等于高度 ,可以让文字垂直居中 */border-bottom: 1px solid #D9E0EE; font-size: 16px;font-weight: normal; /* 让粗体不变粗 */padding-left: 12px; /* 因为这个h3我么没有给宽度 继承的父亲的宽度 padding就不会撑开盒子了 */}.searchPic img {margin: 7px 0 0 8px; /* 上 右 下 左 */}.searchPic ul li a {font-size: 12px;color: #666;text-decoration: none; /* 取消下划线 */}.searchPic ul {margin-left: 8px;}.searchPic ul li{padding-left: 10px;height: 26px;line-height: 26px;background: url(images/square.png) no-repeat left center; /* 背景设置 */}.searchPic ul li a:hover {text-decoration: underline; /* 添加下划线 */color: #ff8400;}</style></head><body><div class="searchPic"><h3>搜索趣图</h3><img src="images/happy.gif" height="160" width="218" alt=""><ul><li><a href="#">GIF:小胖墩游泳被卡 被救后一脸无辜</a></li><li><a href="#">GIF:小胖墩游泳被卡 被救后一脸无辜</a></li><li><a href="#">GIF:小胖墩游泳被卡 被救后一脸无辜</a></li></ul></div></body>
</html>
第二个练习题;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新闻列表2</title>
<style>
*{ margin:0; padding:0;}
.news{ width:240px; border:#009900 solid 1px;background:url(images/bg.gif) center;padding:10px;margin:20px auto;}
.news h1{font-family:黑体;color:#FFF;font-size:20px;border-left:#c9e143 solid 4px;padding-left:5px;}
.news ul{background:#FFF;margin-top:5px;padding:0 10px;}
.news li{border-bottom:#666 dashed 1px;list-style:none;background:url(images/tb.gif) no-repeat left;text-indent:1em;}
.news a{color:#06C;font-size:12px;text-decoration:none;line-height:30px;}
.news a:hover{text-decoration:underline;color:#F00;}
/*.news .none{ border:none;}*/
</style>
</head><body>
<div class="news">
<h1>爱宠知识</h1>
<ul><li><a href="#">养狗比养猫对健康更有利</a></li><li><a href="#">日本正宗柴犬亮相,你怎么看柴犬</a></li><li><a href="#">狗狗歌曲《新年旺旺》</a></li><li><a href="#">带宠兜风,开车带宠需要注意什么?</a></li><li><a href="#">【爆笑】这狗狗太不给力了</a></li><li><a href="#">狗狗与男童相同着装拍有爱造型照</a></li><li><a href="#">狗狗各个阶段健康大事件</a></li><li><a href="#">调皮宠物狗陷在沙发里的搞笑瞬间</a></li><li class="none"><a href="#">为什么每次大小便后,会用脚踢土?</a></li></ul>
</div>
</body>
</html>
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 记录一下在上海AR(不方便透露)工作的这几个月
2019年9月2日在ar入职,是家外包公司,福利一般,记得最清楚的就是中秋节的福利是靠垫,不让拿回家只能放在公司用,离职了要还给公司,丢了要赔钱,一个靠垫140多吧 当时被外派到太平洋保险做JAVA开发,项目很乱,年初做的项目,我半路去的,项目里面都是前人留下的坑,整个项…...
2024/4/24 10:59:46 - 【学习0605】NVIDIA DRIVE AGX Developer Kit - How to set up
看到这个设备,meng!找了一些资料,如下: 文档 http://www.gpus.cn/gpus_list_page_techno_support_content?id=31 https://elinux.org/Jetson_AGX_Xavier#Guides_and_Tutorials 社区 http://bbs.gpuworld.cn/ 视频 https://www.youtube.com/watch?v=FhyjhC5rD5g 图片...
2024/4/28 19:01:24 - Commercial Satellite or Spy Satellite ? 令人扑朔迷离的DigitalGlobe公司WorldView卫星星座
Commercial Satellite or Spy Satellite ? 令人扑朔迷离的DigitalGlobe公司WorldView卫星星座 说实话,写这个篇文章需要很大的勇气,光题目都苦思冥想了很久,刚开始的想法是披着“Commercial” 外衣的“Spy Satellite”,总觉得不太合适。话不多说,开始正题: 一、 起源 在第…...
2024/4/28 17:31:46 - 学习笔记(32):零基础掌握 Python 入门到实战-通用积木:标准库和第三方包
立即学习:https://edu.csdn.net/course/play/26676/339588?utm_source=blogtoedunumpy nppandas pdpip install package_namerequests...
2024/4/27 23:54:31 - 算法之隔离病毒
病毒扩散得很快,现在你的任务是尽可能地通过安装防火墙来隔离病毒。 假设世界由二维矩阵组成,0 表示该区域未感染病毒,而 1 表示该区域已感染病毒。可以在任意 2 个四方向相邻单元之间的共享边界上安装一个防火墙(并且只有一个防火墙)。 每天晚上,病毒会从被感染区域向相…...
2024/4/28 8:49:02 - 百度大脑OCR助力机动车查验系统 省时又提效!
百度大脑OCR助力机动车查验系统 省时又提效!云顺通科技通过整合百度大脑多项OCR技术,成功搭建机动车查验预受理登记系统,使得群众从预约到完成业务办理实现了:一次受理、一次排队、一窗办结!案例客户云顺通科技,广东云顺通科技信息有限公司是集软件开发,信息系统集成服务…...
2024/4/28 0:35:09 - 极视角「智慧城市管理系统」:实现高效一体化的城市精细化管理 |百万人学AI评选
2020 无疑是特殊的一年,而 AI 在开年的这场”战疫“中表现出了惊人的力量。站在“新十年”的起点上,CSDN【百万人学AI】评选活动正式启动。本届评选活动在前两届的基础上再度升级,设立了「AI优秀案例奖Top 30」、「AI新锐公司奖Top 10」、「AI开源贡献奖Top 5」三大奖项。我…...
2024/4/28 15:22:32 - 学习笔记(01):JavaSE常见面试题解析-简述Java语言中8种基本数据类型以及所占字节长度...
立即学习:https://edu.csdn.net/course/play/24813/286354?utm_source=blogtoedu...
2024/4/28 20:10:09 - 学习笔记(48):R语言入门基础-修改值
立即学习:https://edu.csdn.net/course/play/24913/285720?utm_source=blogtoedu修改值...
2024/4/27 23:49:42 - 嵌入式串口打印信息重定向到当前终端界面
文章目录原文Linux中重定向 原文 https://blog.csdn.net/wuquan_1230/article/details/105782687 在嵌入式Linux系统中,有时通过远程(telnet或者ssh)登录到现场设备,想看程序的实时打印的调试信息,需要将输出到串口的调试信息重定向到当前登录的终端界面上。 也可以将程序…...
2024/4/24 10:59:42 - 利用FATFS读取CSV指定数据
** 利用FATFS读取.csv指定行数据 **第一次写博客,没有什么经验,如有问题,可随时接受指正,最近项目上遇到一个读取CSV文件指定位置的问题,网上找了资源也没有发现合适的方案。所以分享下自己的经验。 文件打开 f_open 函数原型:FRESULT f_open(FILE fp,const TCHAR path,B…...
2024/4/24 10:59:42 - 【Dlib人脸特征提取】1. 检测人脸特征点
【 1. 人脸特征点含义 】 在我们检测到人脸区域之后,接下来要研究的问题是获取到不同的脸部的特征,以区分不同人脸,即人脸特征检测(facial feature detection)。它也被称为人脸特征点检测(facial landmark detection)。人脸特征点通常会标识出脸部的下列数个区域:右眼眉毛(…...
2024/4/24 10:59:40 - 实验1-6 输出带框文字 (5分)
本题要求编写程序,输出指定的带框文字。 输入格式: 本题无输入 输出格式: 按照下列格式输出带框文字。 ************Welcome ************解析:略代码: #include <stdio.h> int main() {printf("************\n"" Welcome\n""***********…...
2024/4/24 10:59:40 - sevlet的生命周期解析
第一种方式:1.当客户端浏览器第一次请求服务器端的servlet时servlet被创建(初始化)并且只调用一次servlet的init()方法初始化参数。2.然后根据客户端浏览器具体的请求方式(doGet,doPost)取调用servlet中的service方法并且根据不同的请求方式进行调用具体的doGet和dopost方法…...
2024/4/24 10:59:39 - Java中 递归 个人小分享
Java中 递归 个人小分享 计算1-100自然数的和 public int getSum(int n) { if(n == 1) { System.out.println(n + “one”); return 1; }else { System.out.println(n); return n + getSum(n -1); 分析: n = 3 : 走else return 3 + getsum(2) getsum(2)> 走else return 2 …...
2024/4/24 10:59:44 - MySql.Data.MySqlClient.MySqlException:“Unable to connect to any of the specified MySQL hosts.”
MySql.Data.MySqlClient.MySqlException:“Unable to connect to any of the specified MySQL hosts.” optionsBuilder.UseMySQL(“server=**...;port=3307;database=wordpresstea;user=;password=*&;Character Set=utf8;”); 链接字符串加 端口号加port...
2024/4/24 10:59:40 - IDEA Smart Checkout和Force Checkout区别
IDEA当在一个分支上修改了内容没有提交,然后切换到其他分支时,可能会发生冲突。这时IDEA会弹出提示,问你要选择Smart Checkout还是Force Checkout:如果想保留你在原分支上的修改内容,那么选择Smart Checkout,Force Checkout不会保留你的修改,切到另一个分支内容就消失了,…...
2024/4/24 10:59:35 - Nginx启动|关闭|查状态
Linux中操作nginx 如下图:启动Nginx 在/usr/local/nginx/sbin目录下: ./nginx #启动nginx ./nginx -s reload #启动nginx,并重新载入配置 ./nginx -s reopen #重启nginx关闭Nginx ./nginx -s stop #关闭nginx或者杀进程 pkill -9 nginx #关闭Ng…...
2024/4/24 10:59:41 - matlab的必记操作
matlab的必记基本操作 % 1、多行注释:选中要注释的若干语句,快捷键Ctrl+R % a = 3; % a = 5% 2、取消注释:选中要取消注释的语句,快捷键Ctrl+T% 3、clear可以清楚工作区的所有变量/clc可以清除命令行窗口中的所有文本,让屏幕变得干净 clear,clc;% 4、disp()是屏幕输出函数,类似…...
2024/4/24 10:59:40 - talib 安装
ta-lib-0.4.0-msvc.zip 下载链接下载上述源代码后解压到C盘 在开始菜单下搜索Native Tools Command Prompt运行后进入cmd界面:: 切换到C盘C::: 进入talib 编译目录cd C:\ta-lib\c\make\cdr\win32\msvc:: 执行编译nmakepip install ta-lib...
2024/4/24 10:59:40
最新文章
- [Diffusion Model 笔记]Score based
目录 概述方法怎么估计score(估计噪声就是估计score)怎么采样(给原始数据加噪声,早期大后来变小)inpainting (来自补充材料)还没有细究的地方: 概述 本文是观看以下视频的笔记&…...
2024/4/28 20:48:00 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 最新在线工具箱网站系统源码
内容目录 一、详细介绍二、效果展示1.部分代码2.效果图展示 三、学习资料下载 一、详细介绍 系统内置高达72种站长工具、开发工具、娱乐工具等功能。此系统支持本地调用API,同时还自带免费API接口, 是一个多功能性工具程序,支持后台管理、上…...
2024/4/27 9:59:44 - Vue ts 如何给 props 中的变量指定特定类型,比如 Interface 类的
Vue ts 如何给 props 中的变量指定特定类型,比如 Interface 类的 我有一个这样的变量值类型 一、在没用 ts 之前的 props 类型指定方式 我们都知道之前在没用 ts 之前的 props 变量值类型指定方式: 如下图,billFood 定义方式是这样的&…...
2024/4/28 9:48:25 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/4/28 13:52:11 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/28 3:28:32 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/26 23:05:52 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/28 13:51:37 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/27 17:58:04 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/27 14:22:49 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/28 1:28:33 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/28 15:57:13 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/27 17:59:30 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/4/25 18:39:16 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/28 1:34:08 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/26 19:03:37 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/28 1:22:35 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/25 18:39:14 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/4/26 23:04:58 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/27 23:24:42 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/28 5:48:52 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/26 19:46:12 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/27 11:43:08 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/27 8:32:30 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) 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 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在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