本文主要是介绍从dreamweaver转入Chrome Dev Tools 开发html css静态页面，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
2021年啦，你还在用dreamweaver或者文本编辑器开发网页？
You are out！
学习用Chrome Dev Tools 怎么开发，记录一下。
用webstorm打开你开发的html页面，点击chrome小图标，在chrome中显示你的页面。
打开浏览器的Developer Tools。
导航到 Developer Tools 的 Sources 面板，单击左侧面板（Filsystem）并选择 Add Folder to Workspace。添加你的静态页面所在的文件夹。
注意那个小绿圆圈代表已关联，没有则再刷新一下试试看。
此时选择一个元素element修改它的footer样式表里面的padding，点击右面的链接。
此时会跳转到你本地的代码文件，效果满意点击ctrl+s 即可保存到你的本地源文件。
这篇关于从dreamweaver转入Chrome Dev Tools 开发html css静态页面的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
