Firebug を使用して HTML と CSS を表示および編集する

説明

チュートリアルのこの章では、Firebug を使用して HTML と CSS を表示および編集する方法について説明します。

表示する要素を右クリックし、要素を検査 をクリックします。

inspect-html-firebug

次に、Firebug ウィンドウで編集をクリックします。

コードを変更します<h1>Firebugのコンポーネント</h1> .

inspect-html-firebug2

実際のブラウザ上で変更されたコードの表示効果を確認するには、Firebugウィンドウでコードを変更するだけです。コードを HTML ファイルにコピーすることもできます。

表示する要素を右クリックし、要素を検査 をクリックします。下の図に示すように、スタイルファイル

inspect-css-firebug

をクリックして、コードをcolor:red;

に変更することでタイトルの色を変更します。変更が完了すると、変更された効果がすぐに確認できます。

これで、変更したスタイルをコピーし、元のコードを置き換えて保存し、有効にすることができます:

inspect-css-firebug2