2012-12-29 24 views
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 +基礎,但我不知道它是什麼...害怕嘗試它,看起來有點可怕。
Din認爲使用Foundation Framework會變得這麼複雜。

回答

1

這很簡單,但需要一點工作...... app.css通過使用foundation.css中的值來達到目的!

但是找出應該重寫哪個元素或選擇器是一件不容易的事情,尤其是在不瞭解大多數css的情況下。但是有一種解決方法...即firefox for firefox! 它是一個很好的應用程序,可以告訴我在網站的任何地方使用哪種風格。

1

你應該做的是利用諸如Firebug(For Firefox)等工具來檢查你感興趣的元素。這將清楚地讓你看到什麼CSS實際上對元素有效以及代碼是哪個文件/行是爲了讓你可以改變它。您也可以在Firefox中的代碼中覆蓋新的值,以查看它對您的頁面會有什麼影響。

+0

如果我有兩個css文件,並說我有兩個不同的屬性在他們身上。哪一個將被使用?他們宣佈的順序是否會有所作爲? – hunterr986

+1

@ hunterr986是的,樣式表包含的順序確實有所不同,包含在另一個文件中的CSS規則將覆蓋第一個樣式表中聲明的屬性。 –