如何获取元素的完整CSS代码

Question

我是CSS新手，刚刚学会了如何检查元素。我的问题是如何获得一个元素的完整/完整的CSS代码？

假设我需要一个表单的完整CSS代码（https://townends.co.uk）请参阅主页上的搜索表单，我怎样才能得到这个模块的整个代码？

在此先感谢。

A

Answer 1

右键单击 - >从站点查看网页源代码。

然后找到“< link rel ='stylesheet'”关键字。你有所有的CSS文件关联。

Answer 2

听起来像你可以在浏览器中使用开发工具。它们可以帮助您查看实际影响您网站中不同元素的内容。取决于您使用的浏览器的快捷方式是不同的。我最喜欢的浏览器开发工具套件是在Firefox中（也可以查看Firefox的开发者版本）。

从Firefox的开发工具中，您可以单击从最高级别选项卡指向框中的箭头。这样可以将鼠标悬停在页面上的任何元素上，并显示影响元素的类和标识以及屏幕底部开发工具分区中元素上使用的规则。浏览器中还有更多有用的工具，请稍微探讨一下，它可能会提高您的工作效率。