HTML Web ページをポイントして適用されたスタイルを確認できる CSS エディターをまだ見つけていないため、多少不満があります。次のことを実行できると便利です。Web ページを開いて、ブラウザのように表示できます。さまざまな領域にマウスを合わせると、ツールの別の領域で、どのスタイルがどこから適用されているか (つまり、スタイル シートまたはデフォルト ブラウザー) が表示されます。スタイル シートのスタイルを対話的に編集し、スタイル シートに保存する機能。スタイル シートの編集に役立つ Intellisense。
そのようなスタイルシート編集ツールはありますか。製品が無料か有料かは気にせず、この機能が欲しいだけです。
スタイルが要素に適用されている方法と場所をすばやく確認するために、エディターは特に必要ありません。最新のブラウザーに組み込まれている Web 開発者ツールを使用できます。
どのブラウザでも F12 キーを押すと、開発者パネルが表示されます。
「インスペクターツール」と呼ばれるものを探します。通常、マウスまたは検索グラスのアイコンで表されます。これをクリックすると、ページ上の任意の要素を選択し、適用された CSS を表示できます。
または、ページ上の任意の要素を右クリックして、[要素の検査] をクリックすることもできます。これにより、要素が選択された開発者ツールが表示されます。
行番号とスタイル情報があれば、開発者ツール ウィンドウで直接結果をいじってから、選択した CSS エディターに移動して変更を適用できます。
FireBug アドオンがインストールされた FireFox ブラウザを使用しています。各 HTML 要素に適用されている正確なカスケードを確認し、FireBug で直接編集して、結果を即座に確認できます。
特に Internet Explorer について話している場合は、ブラウザーごとに CSS スタイルの解釈が異なります。とにかく、このようなツールを使用してもあまり効果がありません。コードをさまざまなブラウザーでテストするか、少なくとも視聴者にとって最も重要なブラウザーでテストすることをお勧めします。そして彼らの開発者ツールを利用しています。FireFox の FireBug、Chrome のビルトイン コード インスペクタ、IE の開発者ツール