css:chorm调试工具(修改样式、重置缩放比例、…

2020-05-30 16:00:23来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

css:chorm调试工具(修改样式、重置缩放比例、错误提示)

1、打开方式

打开Chrome浏览器,按下F12或者右击空白处然后点击检查

 

 最左边是显示效果,中间是html代码,右边是html样式。

 

2、样式的修改

点击中间代码框,左上角的小箭头,然后点击css样式,可以直接修改属性的值。也可以点击键盘上的上下箭头,对属性的值进行修改

 

 需要注意的是,调试工具只是调试代码,并不会修改源代码

 

3、重置页面的缩放

 

 点击Ctrl+0,将界面的缩放比例重置为100%:

 

 当然,也可以直接点击重置按钮进行缩放比例的重置

 

4、错误提示

 

 在样式中出现了感叹号提示,并且代码被横线划掉,就css说明代码有误

 

 修改源代码后,错误提示消失

 


原文链接:https://www.cnblogs.com/zhai1997/p/12990754.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产品信

下一篇:门外汉学习前端开发有前途吗?现在前端开发行情怎么样?