如果使用 Chrome DevTools 检查和修改我的网页，许多人会编写一些 CSS 来覆盖某个元素上的现有 CSS，
例如，
样式=“边框半径：0；” 已添加。这可以快速解决问题，但这是一个很好的编码练习吗？将新的 css 规则添加到 CSS 文件中会更好吗？
我觉得如果这样做过度，以后在网站上管理 css 会有点困难。
问问题
189 次
4 回答
2
您在 DEV 工具中所做的更改不是永久性的。当您刷新页面时，更改将被还原。这是玩和调试 css 的好方法，但它不是您可以永久更改 css 的方法。
我尽量避免使用内联样式，因为它无法重用您的 CSS，而且如果您想更改网站的主题，它也不灵活。如果您改为在样式表中执行此操作，则只需更换样式表即可让您的网站焕然一新。
于 2013-11-14T03:06:06.543 回答
2
这是快速调试的好习惯。然而，一旦你为你的布局找到了正确的 CSS，你应该修改你原来的 CSS 文件。
假设您正在为客户开发网站。当他们想要进行修改时，如果 CSS 样式位于正确的位置，对于下一个开发人员来说会容易得多。
当您在几个月后回到这个项目时，它对您也将非常有用。
于 2013-11-14T03:06:16.377 回答
1
如果你有一个class或id它更容易阅读和矛盾的对象和调试。知道那不是定义的变量，它将有助于调试。
于 2013-11-14T03:08:39.640 回答
0
这更像是一个个人问题，但无论如何我都会给你我的想法，因为我一直都看到这一点。
DevTools 非常适合动态编辑 CSS，并允许您立即对网站进行可能的更改。
但是，我不会在 DevTools 中编写整个 CSS 文件。我在像 Sublime Text 这样的文本编辑器中编写大部分 CSS，然后在 Chrome 和 Chrome 的 DevTools 中测试和使用它。如果您没有设置保存本地副本，很容易丢失您在 DevTools 中所做的更改，即使这样，事情也会变得非常混乱。
于 2013-11-14T03:09:09.857 回答