第三十一天 chrome调试工具

打开调试工具

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

使用调试工具

ctrl+滚轮改变代码大小

左边是html 右边是css

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

ctrl+0 复原浏览器大小

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

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

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

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

相关推荐
林shir1 分钟前
3-15-前端Web实战(Vue工程化+ElementPlus)
前端·javascript·vue.js
John_ToDebug18 分钟前
WebContent 与 WebView:深入解析浏览器渲染架构的双层设计
c++·chrome·ui
zhaoyin199426 分钟前
Fiddler弱网实战
前端·测试工具·fiddler
换日线°2 小时前
前端炫酷展开效果
前端·javascript·vue
夏幻灵2 小时前
过来人的经验-前端学习路线
前端
CappuccinoRose3 小时前
React框架学习文档(七)
开发语言·前端·javascript·react.js·前端框架·reactjs·react router
FFF-X3 小时前
前端字符串模糊匹配实现:精准匹配 + Levenshtein 编辑距离兜底
前端
Hi_kenyon3 小时前
Ref和Reactive都是什么时候使用?
前端·javascript·vue.js
小小测试开发3 小时前
UI自动化测试:CSS定位方式超详细解析(附实战示例)
css·ui·tensorflow
止观止3 小时前
深入理解 interface vs type:终结之争
前端·typescript