Html 我们如何定制导航栏的颜色,基本上是基础框架的主题?

Html 我们如何定制导航栏的颜色,基本上是基础框架的主题?,html,responsive-design,zurb-foundation,Html,Responsive Design,Zurb Foundation,我已经从默认主题下载了基础框架。br> 我不知道如何改变颜色的各种东西,如导航栏,按钮,添加背景和框与阴影的身体!等等 我试图将以下内容添加到app.css中,但没有成功 请建议做什么。 有一些关于scss+基金会,但我不确定它是什么。。。也不敢尝试,看起来有点吓人 DIN认为使用基础框架将是复杂的。p> 您应该使用Firebug(用于Firefox)等工具来检查您感兴趣的元素。这将清楚地让您看到CSS对元素的实际效果,以及代码所在的文件/行,以便您可以对其进行更改。您还可以在Firefox中的

我已经从默认主题下载了基础框架。br> 我不知道如何改变颜色的各种东西,如导航栏,按钮,添加背景和框与阴影的身体!等等

我试图将以下内容添加到app.css中,但没有成功

请建议做什么。
有一些关于scss+基金会,但我不确定它是什么。。。也不敢尝试,看起来有点吓人

DIN认为使用基础框架将是复杂的。p> 您应该使用Firebug(用于Firefox)等工具来检查您感兴趣的元素。这将清楚地让您看到CSS对元素的实际效果,以及代码所在的文件/行,以便您可以对其进行更改。您还可以在Firefox中的代码中覆盖新值,以查看它对页面的影响。

这很简单,但需要做一些工作。。。App.CSS通过在Buffo.CSS中超越值来实现这个窍门!! 但要找出应该覆盖哪个元素或选择器并不容易,尤其是在不了解大多数css的情况下。但是有一种方法可以解决这个问题。。。i、 firefox的firebug!
这是一个很棒的应用程序,可以告诉我网站中的任何地方都在使用哪种样式。

如果我有两个css文件,并且说我在这两个文件上都有两个不同的body属性。将使用哪一个??声明它们的顺序会有所不同吗?@hunterr986是的,样式表包含的顺序会有所不同,一个文件中一个接一个包含的CSS规则将覆盖第一个样式表中声明的属性。
body {
  background-color: #333;
  position: relative;
  font-family: helvetica, arial, sans-serif;
  color: #666666;     
  border-right: 1px solid #333;
  border-left: 1px solid #333;    
  -moz-box-shadow: 0 0 5px 5px #888;  
  -webkit-box-shadow: 0 0 5px 5px#888;    
  box-shadow: 0 0 5px 5px #888; 
}