怠け者のリクエスト: CSS ファイルをサポートするビジュアル ページ開発ツールはありますか? _html/css_WEB-ITnose

私は本格的な Web ページを作成したことがありません。以前はエディターを使用して HTML と CSS を読み、ブラウザーを使用してデバッグしていました。
今日、これはとても面倒なことに気づきました。ページが複雑で、最初のコードを自分で書かない場合、想像力を使って HTML からページを考える必要があります。

WYSIWYG できるツールはありますか? dreamwaverというのは聞いたことがあるのですが、そのツールで編集したcssをhtmlコードに直接記述するため、コードが混乱してしまうようです。すべての CSS を 1 つのファイルにまとめたい場合は、html にクラスと ID だけがあり、たとえばコード内で div を選択すると、ビューに位置が反映されるようにすることもできます。
----そのようなツールはありますか？怠け者ですか？

ディスカッションに返信（解決策）

dreamwaver HTML コードに CSS を直接記述していませんか

視覚化？

ブラウザを使用するだけです。ブラウザのデバッグ パネルで直接変更します。1 つを変更したら、それを CSS ファイルに変更してから、他のブラウザを変更するだけです。互換性の問題はありません。

IE ブラウザはダメ、あのデバッグツールはクソすぎる

個人的には、Firefox と Google はどちらも良いと思うので、試してみてください。

DW はすでにレイアウト、背景、サイズを含む一連のビジュアル ツールをサポートしているようです

私は DW を使用しています...

topstyle

コードを修正した後、ブラウザを f5 してください、面倒ですか?
コード内の div を選択してビュー内の位置を表示するには、逆に、ビュー内でターゲットを選択すると、以下の対応するコードを直接選択できます。