HTML第四课——Chrome浏览器F12的使用

今天我们继续哈

。最近天热,人都变懒了


先和大家说一下什么是盒子模型:我们在Chrome中右键查看元素时看到:

上图中蓝色部分就是盒子模型了。上面是一个div标签的块级元素,默认会占满一行,宽度默认100%。但是我们从上图看到蓝色盒子左侧有一块间隙,这就更可以证明它是盒子模型了。这时候我们就可以通过对应的属性来修改它的样式。

我们既然要写html代码,那就不可避免的要会用Chrome的F12功能,现在我们就先来介绍一下,大家在做测试的时候有时候会遇到图片加载不上的情况,如果你给开发提bug只是写图片加载不出来这当然也没什么问题,但是如果你再加上加载不出来的原因,那么开发就会对你另眼相看了,我们说测试点点点无非是发现问题,但同样的问题不同的提法效果是不一样的,如果你可以定位到出错的原因,那你才称得上是高级测试,当然了,船长也只是初级的菜鸟啦

。但是我们可以学习进步嘛。

如上图所示,此外如果做接口测试那就必须会用下图:

今天就先说这些,再不发就过十二点了,过了十二点明天就不能发了,以后我们尽量每天少讲,每天都讲,哈哈,谢谢大家关注哈

原文发布于微信公众号 - 自动化测试实战(gh_839e78b6ba28)

原文发表时间:2018-05-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏陈树义

Java 图片处理解决方案:ImageMagick 快速入门教程

ImageMagick介绍 ImageMagick是一个免费的创建、编辑、合成图片的软件,可以实现图片切割、颜色替换、图片缩略图、图片水印等各种效果。Imag...

4074
来自专栏葡萄城控件技术团队

如何在 ASP.NET MVC 中集成 AngularJS(2)

在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩、应用程序版本自动刷新和工程构建等内容。 下...

23010
来自专栏跟着阿笨一起玩NET

Win7无法设置背景图片的快速解决办法

不知道怎么回事,win7电脑突然连个性化设置背景图片的按钮都没了。真操蛋~~~满屏的黑色背景图案,看着实在是不爽。

1021
来自专栏从零开始学自动化测试

Selenium2+python自动化24-js处理富文本

前言 上一篇Selenium2+python自动化23-富文本(自动发帖)解决了富文本上iframe问题,其实没什么特别之处,主要是iframe的切换,...

2695
来自专栏BinarySec

mmap及linux地址空间随机化失效漏洞

Linux下动态库是通过mmap建立起内存和文件的映射关系。其定义如下void* mmap(void* start,size_t length,int prot...

1121
来自专栏LinXunFeng的专栏

iOS - Swift UISearchController的取消按钮

1112
来自专栏大内老A

Ajax请求过程中显示“进度”的简单实现

Ajax在Web应用中使用得越来越频繁。在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Aja...

2008
来自专栏生信宝典

CIRCOS圈图绘制 - 最简单绘图和解释

Circos是绘制圈图的神器,在http://circos.ca/images/页面有很多CIRCOS可视化的示例。 ? ? Circos可以在线使用,在线使用...

6669
来自专栏生信宝典

Cytoscape制作带bar图和pie图节点的网络图

本教程旨在告诉大家如何使用cytoscape根据Node信息表格制作带有barplot信息节点的网络图。以安装文件夹下的样例数据为例。

1563
来自专栏V站

php7高效生成二维码:composer和荷兰PHP开发者的QrCode

关于QrCode这个类库没必要详细介绍,基于php的GD库,用于生成任意尺寸的二维码,并且可以将logo水印也打上去,还可以在二维码图片下方加入文字。QrCod...

2794

扫码关注云+社区