自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(89)
  • 收藏
  • 关注

原创 Python练习---大小写字母判断

‘’’小易喜欢的单词具有以下特征:1.单词每个字母都是大写2.单词没有连续相等的字母‘’’word=input("请输入单词:")for i in range(len(word)): if word[i]<'A' or word[i]>'Z': print("不喜欢,单词不是大写!") break else: if i<len(word)-1 and word[i]==word[i+1]:

2021-02-03 10:54:22 2632

原创 Matlab中如何查找代码中出现的一个词的所有位置,或者替换一个词的所有位置

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2020-08-02 10:51:50 3924 2

原创 三 测试(软件工程)

一、软件危机和软件工程1.软件危机:是指落后的软件生产方式无法满足迅速增长的计算机软件需求,从而导致软件开发与维护过程中出现一系列严重问题的现象。2.基于软件危机对于计算机发展的阻碍,1968年,在联邦德国召开的国际会议上,北大西洋公约组织的计算机科学家讨论软件危机问题。提出了软件工程这个名词,从此软件生产进入工程化时代。3.软件工程包括两方面的内容:(1)软件开发技术:软件开发方法学、软件工具和软件工程环境(2)软件项目管理:软件质量、项目估算、进度控制、人员组织、配置管理、项目计划4.注意

2022-03-30 23:23:47 343

原创 二 软件测试的定义和目的

1.正向思维的定义(1)正向思维出发点:使自己确信产品是能够正常工作的评价一个程序和系统的特性或能力,并确定它是否达到期望的结果,软件测试就是以此为目的的任何行为。(2)通俗的讲:执行测试,希望能够达到预期的结论,如果没有达到,那么就是有缺陷的;如果达到了,就是没有缺陷。就是正常思维该有的特点。2.反向思维的定义(1)反向思维出发点:测试是为发现错误而执行一个程序或者系统的过程。(2)测试是为了证明程序有错,而不是证明程序无错误(3)一个好的测试用例在于它能发现以前未发现的错误(4)一个成功的

2022-03-30 22:49:30 1015

原创 一 测试软件

1.对于测试软件程序数据文档2.软件的分类(1)按层次划分:系统软件、应用软件(2)按组织划分商用、开源(3)按结构划分单机 …3.软件缺陷(1)Bug(2)Defect4.缺陷的定义(1)软件未实现产品说明书要求的功能(2)软件出现了产品说明书指明不应该出现的功能(3)软件实现了产品说明书未提到的功能(4)软件未实现产品说明书虽未明确提及但应该实现的目标(5)所有不满足需求或超出需求的都是缺陷(6)没有不存在缺陷的软件,只有迄今为止尚未发现的缺陷...

2022-03-30 21:49:02 372

原创 前端中的X,Y坐标

`clientX` 返回触点相对于可见视区(visual viewport)左边沿的的X坐标. 不包括任何滚动偏移.这个值会根据用户对可见视区的缩放行为而发生变化.`clientY` 返回触点相对于可见视区(visual viewport)上边沿的的Y坐标. 不包括任何滚动偏移.这个值会根据用户对可见视区的缩放行为而发生变化.pageX触点相对于HTML文档左边沿的的X坐标. 和 clientX 属性不同, 这个值是相对于整个html文档的坐标, 和用户滚动位置无关. 因此当存在水平滚动的偏

2021-12-04 18:03:18 919 1

原创 HTML自闭合(self-closing)标签

HTML自闭合(self-closing)标签标签:设置页面元信息的:设置网页所有链接的相对目录(如根目录)的:换行:水平线:图像:表单元素:在表格table中定义一个或多个列的属性:定义框架的一个窗口(已遗弃):定义文档与外部资源的关系的链接: 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。:元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 或者 标签提供参数。: HTML5 中新增的,标签定义了一个容器,用来

2021-12-03 21:59:21 1518

原创 58 精灵图技术

1.为什么需要精灵图?一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加速度,出现了CSS精灵技术(也称CSs Sprites. CSS 雪碧)。 核心原理:将网页中的一些小背景图像整合到一张大图中,这样服务器只需要一次请求就可以了。精灵技术目的:为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度2.精灵图的使用使用精灵

2021-08-09 23:04:37 363

转载 57 元素的显示隐藏

元素的显示与隐藏类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!本质:让一个元素在页面中隐藏或者显示出来。一. display显示隐藏(重点) -----人死了钱也没了display属性用于设置一个元素应如何显示。display: none ;隐藏对象display : block ;除了转换为块级元素之外,同时还有显示元素的意思display隐藏元素后(记住这里不是删除),不再占有原来的位置。后面应用及其广泛,搭配JS可以做很多的网页特效。代码:<!DOC

2021-08-09 15:17:23 112

原创 56 案例淘宝焦点图布局 网页布局总结

案例淘宝焦点图布局如图所示:案例:淘宝焦点图布局制作1.大盒子我们类名为: tb-promo 淘宝广告2.里面先放一张图片。3.左右两个按钮用链接就好了。左箭头prev右箭头next4.底侧小圆点u继续做。类名为promo-nav代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib

2021-08-09 14:22:51 1885

原创 55 定位

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt...

2021-08-07 17:35:46 92

原创 53 PS切图

一.图层切图步骤:(1)首先用PS软件打开一张后缀名为.psd的图图(2)选图---->点击小眼睛看是不是所需要的全部图,如果是全部就快速导出为png;如果部分图,就把其他的找出来,全选他们(按住shift不动+鼠标右键),在工具栏选中图层,合并图层,合并后快速导出为png---->保存到文件夹二.切片贴图...

2021-08-05 14:48:31 157

原创 52 常见的网页布局 、浮动的两个注意点 、清除浮动

一.常见的网页布局代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-08-03 16:18:22 156

原创 51 浮动

不用浮动的代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt...

2021-08-02 21:44:50 62

原创 50 圆角边框 、盒子阴影、 文字阴影

0代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &lt

2021-07-29 21:09:33 93

原创 38 块级元素和行内元素的转换模式

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g.

2021-07-27 16:48:19 93

原创 49 综合案例-box布局

代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <.

2021-07-26 16:04:52 191

原创 48 PS基本操作

下载PS(1)PS2020链接:链接:https://pan.baidu.com/s/1GlFZfvClQsK7JH8eFY0mnQ提取码:flcc(2)PS2019链接:https://pan.baidu.com/s/1IjdKfVf53Nhez24HY3K54Q提取码:qn3i

2021-07-25 20:02:10 92

原创 47 盒子模型--外边距合并

原始代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title.

2021-07-23 13:00:38 164 1

原创 46 盒子模型外边距margin

一.盒子模型外边距margin代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-07-12 20:57:21 106 4

原创 45padding不会撑开盒子的情况

padding不会撑开盒子的情况代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

2021-07-12 20:30:35 180

原创 44 新浪导航 ,小米边栏 练习

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...

2021-07-12 19:26:21 132

原创 43 盒子模型

一.边框代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2021-07-12 17:16:03 84 2

原创 42 CSS的三大特性

一.层叠性代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2021-07-12 11:14:52 85

原创 41 图片背景综合-五彩导航图

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&.

2021-07-11 20:08:20 1604

原创 40 CSS的背景

一.背景颜色代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2021-07-09 15:02:53 100

原创 39 简洁版小米侧边栏练习

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title..

2021-07-09 14:49:42 89

原创 37 元素模式(行内元素,块元素,行内块元素)

CSS的元素显示模式了解元素的显示模式可以更好的让我们布局页面.1.什么是元素的显示模式作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个<span>.HTML元素一般分为块元素和行内元素两种类型。2.元素显示模式的分类3.元素显示模式的转换一.块元素常见的块元素有<hl>~<h6>、<p>、&

2021-07-08 21:20:01 584 1

原创 36 CSS 复合选择器

在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等。一.后代选择器(重要)后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代

2021-07-08 09:25:02 112

原创 35 快速格式化代码

VScode 保存代码时自动格式化代码(1)安装插件 vetur(2)文件-----首选项-----设置;(3)工作区-----文本编辑器-----正在格式化-----Format On Save(勾选);测试代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="

2021-07-07 20:13:06 162

原创 34 emmet 语法快速生成CSS样式

快速生成 CSS 样式语法CSS 基本采取简写形式即可1. 比如 w200 按 tab 可以生成 width: 200px;2. 比如 lh26 按 tab 可以生成 line-height: 26px;代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed

2021-07-07 17:16:36 170

原创 33 emmet 语法生成 html标签

快速生成 HTML 结构语法1. 生成标签直接输入标签名按 tab 键即可,比如 div 然后 tab 键,就可以生成2. 如果想要生成多个相同标签,加上 * 就可以了,比如 div*3 就可以快速生成3个 div3. 如果有父子级关系的标签,可以用 > 比如 ul>li 就可以了4. 如果有兄弟关系的标签,用 + 就可以了,比如 div+p5. 如果生成带有类名或者id名字的,直接写 .demo 或者 #two ,tab键就可以了6. 如果生成的 div 类名是有顺序的,可以用自增

2021-07-07 16:47:56 184

原创 32 chrome调试工具的使用

Chrome 调试工具Chrome 浏览器提供了一个非常好用的调试工具,可以用来调试我们的 HTML 结构和 CSS 样式。使用调试工具1. Ctrl+滚轮 可以放大开发者工具代码大小。2. 左边是 HTML 元素结构,右边是 CSS 样式。3. 右边 CSS 样式可以改动数值(左右箭头或者直接输入)和查看颜色。4. Ctrl+0 复原浏览器大小。5. 如果点击元素,发现右侧没有样式引入,极有可能是类名或者样式引入错误。6. 如果有样式,但是样式前面有黄色叹号提示,则是样式属性书写错误。

2021-07-07 14:38:02 84

转载 31 CSS 综合案例新闻

写一个新闻网页,要求和所给的网页一样文本北方高温明日达鼎盛 京津冀多地地表温度将超60℃2019-07-03 16:31:47 来源: 中国天气网 搜索中国天气网讯 今天(3日),华北、黄淮多地出现高温天气,截至下午2点,北京、天津、郑州等地气温突破35℃。预报显示,今后三天(3-5日),这一带的高温天气将继续发酵,高温范围以及强度将在4日达到鼎盛,预计北京、天津、石家庄、济南等地明天的最高气温有望突破38℃,其中北京和石家庄的最高气温还有望创今年以来的新高。气温41.4℃!地温66.5!

2021-07-07 13:44:56 2545

原创 30 CSS的引入方式

按照 CSS 样式书写的位置(或者引入的方式) , CSS样式表可以分为三大类:1.内部样式表(嵌入式)内部样式表(内嵌样式表)是写到html页面内部,是将所有的 CSS 代码抽取出来,单独放到一个<style>标签中。<style> div{ color: red; font-size: 12px; }</style><style> 标签理论上可以放在 HTML 文档的任何地方,但一般会放在文档的

2021-07-05 15:18:27 58

原创 29 CSS 文本属性

CSS Text (文本)属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。一.文本颜色color 属性用于定义文本的颜色。div { color: red;}开发中最常用的是十六进制.代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c

2021-07-04 21:25:21 111 2

原创 28 CSS字体属性

CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。一.字体属性CSS 使用 font-family 属性定义文本的字体系列p { font-family: "微软雅黑";}div { font-family: Arial,'Microsoft YaHei',"微软雅黑";}代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

2021-07-04 14:24:03 151 2

原创 27 选择器的分类

一:选择器分类选择器分为基础选择器和复合选择器两个大类,我们这里先讲解一下基础选择器。基础选择器是由单个选择器组成的基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器...

2021-07-03 16:38:46 594

原创 26 CSS介绍

一.CSS 语法规范使用 HTML 时,需要遵从一定的规范, CSS 也是如此。要想熟练地使用 CSS 对网页进行修饰,首先需要了解 CSS 样式规则。CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。(1)选择器是用于指定CSS样式的 HTML 标签,花括号内是对该对象设置的具体样式(2)属性和属性值以"键值对"的形式出现(3)属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等(4)属性和属性值之间用英文":"分开(5)多个"键值对"之间用英文";"进行区分代码:&l

2021-07-01 10:53:58 92

原创 25 CSS简介

CSS的主要使用场景就是美化网页,布局页面的.1. HTML的局限性说起HTML,这其实是个非常单纯的家伙,他只关注内容的语义。比如<h1>表明这是一个大标题,<p>表明这是一个段落, <img>表明这儿有一个图片, <a>表示此处有链接。很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点:丑。虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐……2. CSS-网页的美容师CSS 是层叠样式表( Cascading Style

2021-07-01 09:50:28 77

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除