HTML第四课——Chrome浏览器F12的使用
时间:2022-06-01
本文章向大家介绍HTML第四课——Chrome浏览器F12的使用,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
今天我们继续哈
。最近天热,人都变懒了
先和大家说一下什么是盒子模型
:我们在Chrome中右键查看元素
时看到:
上图中蓝色部分就是盒子模型
了。上面是一个div
标签的块级元素,默认会占满一行,宽度默认100%。但是我们从上图看到蓝色盒子左侧有一块间隙,这就更可以证明它是盒子模型了。这时候我们就可以通过对应的属性来修改它的样式。
我们既然要写html
代码,那就不可避免的要会用Chrome的F12功能,现在我们就先来介绍一下,大家在做测试的时候有时候会遇到图片加载不上的情况,如果你给开发提bug只是写图片加载不出来
这当然也没什么问题,但是如果你再加上加载不出来的原因,那么开发就会对你另眼相看了,我们说测试点点点无非是发现问题,但同样的问题不同的提法效果是不一样的,如果你可以定位到出错的原因,那你才称得上是高级测试
,当然了,船长也只是初级的菜鸟啦
。但是我们可以学习进步嘛。
如上图所示,此外如果做接口测试那就必须会用下图:
今天就先说这些,再不发就过十二点了,过了十二点明天就不能发了,以后我们尽量每天少讲,每天都讲,哈哈,谢谢大家关注哈
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例