初心者が CSS レイアウトについて質問したいと考えています。Dreamweaver のプレビューは正しいですが、別のブラウザーで開くと効果が異なります_html/css_WEB-ITnose

HTMLとCSSを独学で学びました。各界の専門家に意見を聞いて、index.php ファイルにタブを作成し、onMouseOver 属性を使用しました。テスト中に、得られる効果が望ましい効果になる場合もあれば、逸脱する場合もあることが判明しました。これを以下に示します。
1. Dreamweaver でプレビューするか、IE ブラウザまたは Baidu ブラウザで localhost/index.php を入力すると (環境はセットアップされています)、希望の結果が得られます。写真の通り。
2. ただし、360 ブラウザでは望ましい結果が得られませんでした。index.php をindex.html として保存し、ブラウザで直接開くと、どのブラウザを使用しても期待どおりの結果が得られます。エラー状況は以下の通りです。

理由を教えてください。都合がよければ原理を教えていただければ幸いです！

ディスカッションへの返信 (解決策)

このような状況に遭遇すると、ツールに頼るのが普通です。 HTML4 の標準タグと標準スタイルです

ああ、そのツールによって生成されたコードは、ドラッグするとすぐに配置されるため、分析するのが簡単ではありません。これを認識して変更するのは非常に困難です

コードがなければ、このような状況に遭遇するにはツールに頼るのが普通です。衝動的な心を捨てて、基礎を築き、HTML4 を理解することをお勧めします。標準タグと標準スタイルをよろしくお願いします。ツールの使用自体に問題があるということでしょうか？ Dreamweaver の複雑な機能の使い方がわかりません。div ブロックのドラッグ アンド ドロップなどの基本的な機能を使用するだけです。しかし、より便利になります。

1 階の wzs_xyz からの返信を引用: コードがないので、この状況に遭遇するにはツールに頼るのが普通です。衝動的な心を捨てて、基礎を築いた方が良いです。 、html4の標準タグと標準スタイルを理解してください。よろしくお願いします。ツールの使用自体に問題があるということでしょうか？ Dreamweaver の複雑な機能の使い方がわかりません。div ブロックのドラッグ アンド ドロップなどの基本的な機能を使用するだけです。しかし、より便利になります。
問題は非常に大きく、HTML の記述はドキュメントのような形式であり、順序が存在します。つまり、前に書かれたタグは通常 (位置決め、フローティング、フローティングなどを使用して) 前に表示されます。などはルールに違反します。これは便利ですが、悪用されるべきではありません)。そのため、Dreamweaver が提供するドラッグ アンド ドロップ機能は、ドラッグ アンドをサポートするために多くの配置方法を使用することになります。 -drop により、HTML ドキュメントの読み取りと変更が困難になります。 互換性の問題に関しては、結局のところ、互換性は完全ではなく、それをサポートするソフトウェアを入手するのは簡単ではありません。 。生成されたコードは互換性の問題で修正が難しいため、

の使用はお勧めしません

3階 lichao5211111 さんからの返信引用： 1階 wzs_xyz さんからの返信引用： コードがないので解析できませんこの状況に遭遇するためにツールに頼るのはあまりにも普通のことなので、焦りを捨てて基礎を築き、HTML4 の標準タグと標準スタイルを理解することをお勧めします。ツールの使用自体に問題があるということでしょうか？ Dreamweaver の複雑な機能の使い方がわかりません。div ブロックのドラッグ アンド ドロップなどの基本的な機能を使用しただけです。ほとんど役に立たない、ただ便利なだけです...最後にあなたが言ったことは、それは推奨されていないということです。具体的には、Dreamweaver のドラッグ アンド ドロップ機能を使用することをお勧めしますか、それとも開発には使用しない方がよいでしょうか。最も理想的な開発方法は何ですか?

4階のwzs_xyzさんの返信より引用： 3階のlichao5211111さんの返信より引用： 1階のwzs_xyzさんの返信より引用： コードがないので解析できません これに遭遇するとツールに頼るのが普通です。性急な心を捨てて、HTML4 の標準タグと標準スタイルを理解することをお勧めします。ツールの使用自体に問題があるということでしょうか？ Dreamweaver の複雑な機能の使い方がわからないので、div ブロックのドラッグなどの基本的な機能のみを使用しています...
Dreamweaver は初心者にのみ推奨されており、使用しないのが最善です
すでに述べましたHTML の優れた基礎を築く必要があること。標準に精通していることや、どのような開発手法を使用するかは重要ではありません
いくつかのキーワードを入力し、できればコード形式を自動的に設定できるテキスト ツールがあれば便利です

Dreamweaver ... これまで一度も使用したことがありません

Dreamweaver の使用に慣れている プロセス、費やした時間、労力は、コードを書くのに完全に十分です。
たとえば、メモ帳を使用して直接書き込みます。

PS
Dreamweaver の場合、「学習」という言葉を使用する必要はなく、「慣れている」という言葉だけを使用します。

以上の皆様、ありがとうございました！