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

今天我们继续哈

。最近天热,人都变懒了


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

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

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

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

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

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

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏生信宝典

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

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

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

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

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

1511
来自专栏Python、Flask、Django

Go语言学习之 - 简单的并发程序

961
来自专栏大内老A

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

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

2088
来自专栏刺客博客

鼠标左键javascript代码分享

2184
来自专栏Small Code

【Python】解决使用 plt.savefig 保存图片时一片空白

更新 这里我会列出对本文的更新。 2017 年 9 月 28 日:修正几处错字,优化排版。 问题 当使用如下代码保存使用 plt.savefig 保存生成的图片...

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

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

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

23910
来自专栏菩提树下的杨过

silverlight:分享一个不错的自定义布局CollectionFlow(可用于制作相册的哦!)

2009年最后一天,分享一个不错的Silverlight开源自定义布局:CollectionFlow,原作者博客: http://mentas.spaces.l...

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

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

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

2785
来自专栏有趣的Python

20- vue django restful framework 打造生鲜超市 -轮播图接口实现和vue调试

Django2.0.2(Django-rest-framework)以及前端vue开发的前后端分离的商城网站 线上演示地址: http://vueshop.mt...

4405

扫码关注云+社区