第三十一天 chrome调试工具

打开调试工具

页面空白处右击 检查 或者F12

使用调试工具

ctrl+滚轮改变代码大小

左边是html 右边是css

css可以直接改动数值左右箭头或者直接输入 查看颜色

ctrl+0 复原浏览器大小

点击元素右侧出现样式引入 没有的话 说明类名或者样式引用错误

这里的.new-left是存在的 如果类名写错了则看不到.new-left

样式引用错误的会出现如下的删除线

如果有样式 且前面有换色感叹号则是样式属性书写错误

相关推荐
m0_7482400226 分钟前
Chromium 中chrome.webRequest扩展接口定义c++
网络·c++·chrome
web1478621072326 分钟前
C# .Net Web 路由相关配置
前端·c#·.net
m0_7482478027 分钟前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
飞的肖30 分钟前
前端使用 Element Plus架构vue3.0实现图片拖拉拽,后等比压缩,上传到Spring Boot后端
前端·spring boot·架构
青灯文案138 分钟前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程
前端·nginx·http
m0_7482548842 分钟前
DataX3.0+DataX-Web部署分布式可视化ETL系统
前端·分布式·etl
ZJ_.1 小时前
WPSJS:让 WPS 办公与 JavaScript 完美联动
开发语言·前端·javascript·vscode·ecmascript·wps
GIS开发特训营1 小时前
Vue零基础教程|从前端框架到GIS开发系列课程(七)响应式系统介绍
前端·vue.js·前端框架·gis开发·webgis·三维gis
Cachel wood1 小时前
python round四舍五入和decimal库精确四舍五入
java·linux·前端·数据库·vue.js·python·前端框架
学代码的小前端1 小时前
0基础学前端-----CSS DAY9
前端·css