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

今天我们继续哈

。最近天热,人都变懒了


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

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

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

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

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

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

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏知晓程序

如何在小程序中绘制图表?

1052
来自专栏QQ音乐技术团队的专栏

iOS 视图,动画渲染机制探究

终端的开发,首当其冲的就是视图、动画的渲染,切换等等。用户使用 App 时最直接的体验就是这个界面好不好看,动画炫不炫,滑动流不流畅。UI就是 App 的门面,...

3389
来自专栏Material Design组件

一些iOS知识

3048
来自专栏hightopo

网络拓扑图上文本的巧妙应用

1143
来自专栏NewbieWeb

像素差逐帧动画

首先这是个从来没有在生产环境中使用的技术,而且对于交互较简单的展示动画等,可以使用视频直接替换(虽然视频也有很多兼容性问题);

652
来自专栏向治洪

ConstraintLayout约束控件详解

简介 在Google IO大会中不仅仅带来了Android Studio 2.2预览版,同时带给我们一个依赖约束控件–ConstraintLayout。一种构建...

2725
来自专栏程序员互动联盟

【专业领域】你所不知道的html5与html中的那些事(五)——web图像

文章简介: 现在的页面,一般都离不开图像,而怎么做才能让我们的页面中的图像加载的又快又好呢?在优化页面速度的时候还有什么事是你所不知道的呢? 下面看看...

2507
来自专栏Android Note

[译] 带你领略 ConstraintLayout 1.1 的新功能前言带你领略 ConstraintLayout 1.1 的新功能

1312
来自专栏小古哥的博客园

CSS3边框图片-像素虚边的问题

虽然CSS3新增了这个功能,但是在W3school里面并没有给出具体详细的解释,还好网上不乏大神给你我们很全面的解释其中的原理-css3:border-imag...

2204
来自专栏双十二技术哥

Android性能优化(二)之布局优化面面观

通过《Android性能优化(一)之启动加速35%》我们获得了闪电般的App启动速度,那么在应用启动完毕之后,UI布局也会对App的性能产生比较大的影响,如果布...

623

扫码关注云+社区