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

Firebug（Firefoxの場合）などのツールを使用して、関心のある要素を検査する必要があります。これにより、要素に対して実際に有効なCSSと、そのコードが含まれているファイル/行を明確に確認できます。あなたはそれを変えることができます。Firefoxのコードに新しい値をオーバーライドして、ページにどのような影響があるかを確認することもできます。

于 2012-12-29T00:22:20.073 に答える
1

これは簡単ですが、少し作業が必要です... app.cssは、foundation.css内の値を上書きすることでトリックを実行します。

しかし、どの要素またはセレクターをオーバーライドする必要があるかを見つけることは簡単ではなく、特にcssのほとんどを知らなければなりません。しかし、これを回避する方法があります...つまり、FirefoxのFirebugです！Webサイトのどこでどのスタイルが使用されているかを教えてくれる素晴らしいアプリケーションです。

于 2013-01-03T17:23:56.853 に答える