当前位置: 首页html正文 本文介绍: 使用Chrome调试工具调试html结构和css样式:1、打开调试工具;2、使用调试工具;3、修改并保存 目录 1、打开调试工具 2、使用调试工具 ①快捷键 ②布局 ③异常 3、修改并保存 1、打开调试工具 用Chrome浏览器打开要调试的页面,按下F12或右健页面空白处→检查; 2、使用调试工具 ①快捷键 ctrl+滚轮:改变开发者工具代码大小; ctrl+0:复原浏览器大小; ②布局 上面是html元素结构,下面是css样式; htm在element内操作,css在style内操作; css样式区域可以改变数值(左右箭头或者直接输入)和查看颜色; ③异常 如果点击元素,右侧没有样式引入,可能是类名或样式引入错误; 如果有样式,但样式前面有黄色感叹号,则是样式属性书写错误; 3、修改并保存 通过调试工具找到错误或调整满意后,回到代码中修改并保存(调试工具并不能保存代码)。 原文地址:https://blog.csdn.net/m0_53454320/article/details/129493754 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若转载,请注明出处:http://www.7code.cn/show_47562.html 如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除! 主题授权提示:请在后台主题设置-主题授权-激活主题的正版授权,授权购买:RiTheme官网显示所有内容声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。css样式调试 代码007普通 打赏 收藏 海报 链接