1

我发现自己看到了按钮、输入、标题等内容。并想要代码，以便我可以参考它们并使我的基本设计看起来更好。我总是试着改变一下，我不喜欢偷别人的设计。

仅从浏览器查看页面源代码非常草率，通常难以阅读。我尝试使用 Firebug，但发现了一个大问题。它没有显示所有的 CSS。

示例
Firebug 只会显示：

box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);

当完整的代码是：

box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);  
-webkit-box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);  
-moz-box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);

如果省略了 moz 和 webkit。

4

3 回答 3

1

我可以用 Chrome Inspect 工具的经验说话，在调试页面元素时，浏览器会自动忽略并且不显示无效的属性或样式，但是如果您查看实际的页面源代码（或 css），您的样式将在那里.

我认为如果 Firebug 不显示这些样式，则意味着 Firefox 正在忽略它们，在这种情况下，您使用的是-moz-box-shadowFirefox 用于box-shadow呈现元素。

于 2012-08-02T06:05:28.913 回答
0

下载任何浏览器的最新版本，你就会看到所有的 CSS。

使用 Chrome 中的 Inspector，您甚至可以看到不同的状态，例如:hover :active等等

于 2012-08-02T05:59:46.083 回答
0

为什么不直接使用 Chrome 内置的检查元素？我每天都在使用它并喜欢它。

我还使用“stylebot”向我展示了一些网站样式，但我只用它来设置我觉得需要一些修复的网站（客户端）的样式，比如让按钮变大等。

于 2012-08-02T06:00:38.683 回答