0

我已经从http://foundation.zurb.com/下载了带有默认主题的基础框架。
我不知道如何改变各种东西的颜色,比如导航栏、按钮、为身体添加背景和带阴影的框!等等

我尝试将以下内容添加到 app.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; 
}

请建议该怎么做。
有一些关于 scss+foundation 的东西,但我不确定它是什么……也不敢尝试,看起来有点吓人。
我认为使用 Foundation Framework 会变得如此复杂。

4

2 回答 2

1

这很简单,但需要一些工作...... app.css 通过覆盖foundation.css 中的值来解决问题!

但是找出应该覆盖哪个元素或选择器并不容易,尤其是在不了解大部分 css 的情况下。但是有一种方法可以解决这个问题......即 firebug for firefox !它是一个很棒的应用程序,它告诉我在网站的任何地方都使用了哪种风格。

于 2013-01-03T17:23:56.853 回答
1

你应该做的是利用诸如 Firebug (For Firefox) 之类的工具来检查你感兴趣的元素。这将清楚地让你看到 CSS 对元素的实际影响以及代码所在的文件/行,以便你可以改变它。您还可以在 Firefox 中将新值覆盖到代码中,以查看它会对您的页面产生什么影响。

于 2012-12-29T00:22:20.073 回答