1

ボタン、入力、ヘッダーなどが表示されます。そして、それらを参照して基本的なデザインの見栄えを良くするためのコードが必要です。私はいつもそれを少し変えようとします、私は他の人々のデザインを盗むのが好きではありません。

ブラウザだけからページソースを表示するのは非常にずさんで、通常は読みにくいです。Firebugを使用してみましたが、1つの大きな問題に気づきました。すべてのCSSが表示されるわけではありません。

Firebugの例
では、次の情報のみが表示されます。

box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);

完全なコードが次の場合：

box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);  
-webkit-box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);  
-moz-box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);

mozとwebkitを省略した場合。

4

3 に答える 3

1

Chrome Inspectツールの経験から言えば、ページ要素をデバッグするとき、ブラウザは自動的に無視し、無効なプロパティやスタイルを表示しませんが、実際のページのソースコード（またはcss）を見ると、スタイルはそこにあります。

Firebugがそれらのスタイルを表示しない場合、それはFirefoxがそれらを無視していることを意味すると思います。この場合は使用していますが-moz-box-shadow、Firefoxはbox-shadow要素のレンダリングに使用します。

于 2012-08-02T06:05:28.913 に答える
0

ブラウザの最新バージョンをダウンロードすると、すべてのCSSが表示されます。

:hover :activeChromeのインスペクターを使用すると、などのさまざまな状態も表示できます

于 2012-08-02T05:59:46.083 に答える
0

Chromeに組み込まれているinspect要素を使用しないのはなぜですか？私は毎日それを使用し、それを愛しています。

また、「stylebot」を使用していくつかのスタイルのWebサイトを表示しますが、ボタンを大きくするなど、少し修正が必要と思われるWebサイト（クライアントサイド）のスタイルを設定するためにのみ使用します。

于 2012-08-02T06:00:38.683 に答える