如何在网站上找到元素的CSS

时间:2013-04-27 01:16:49

标签: html css

这是其上的网站: http://demo.fabthemes.com/xenastore/

我无法粘贴其中的所有代码,因为这不会有帮助,您需要查看我引用的实际单个元素!

这是一张图片:http://s10.postimg.org/nyd6nwlfd/stac.png

绿色矩形按钮表示价格“300美元”,您可以检查元素并查看编码,并告诉我字体名称,大小是多少?

如果你能告诉我所需的所有信息(字体大小,重量,名称等等),那就太棒了!

由于

1 个答案:

答案 0 :(得分:4)

font-family: Open Sans,Arial,Century gothic,sans-serif;
font-weight: 800;
color: #fff;
font-size: 16px;

在Google Chrome中 - 右键单击​​要检查的元素,然后选择inspect元素。在右侧将具有包含所有属性的css类。右边那个下面的所有css类都是你从其他类继承的元素。

在FireFox中你需要首先下载插件FireBug,然后它就是同一个进程。

更新:

为什么有这么多不同的字体? 因为浏览器将使用它理解的第一个,如果找不到Open Sans,它将移动到下一个,等等。

总是很好的有一些备份字体类似于你不想支持你的第一选择的浏览器所需的字体。另一种选择是将您想要的字体包含在项目中Google Web Fonts有一堆免费字体,可以使用非常简单的指示来添加项目。