A newbie wants to ask a question about CSS layout. The preview in Dreamweaver is correct, but the effect will be different when opened in different browsers_html/css_WEB-ITnose

Taught myself HTML and CSS. Asking experts from all walks of life, I made a tab in the file index.php and used the onMouseOver attribute. During the test, it was found that sometimes the effect obtained is the desired one, and sometimes there is a deviation, which is listed below.
1. Preview in Dreamweaver or enter localhost/index.php in IE browser or Baidu browser (the environment has been set up), and you can get the desired results. As shown in the picture.
2. However, I have never been able to get the desired result in the 360 ​​browser. I just found out that if I save index.php as index.html and then open it directly with the browser, no matter what browser to the expected result. The error situation is as shown below.

Please tell me why this is? If it is convenient, please tell me the principle, thank you very much!

Reply to the discussion (solution)

There is no code, so I can’t analyze it for you. It’s normal to encounter this situation when relying on tools. It’s better to put away your impetuous heart and fight. Basics, you need to understand the html4 standard tags and standard styles

Oh, and the generated code is not easy to analyze when you send it. The code generated by that kind of tool is not neat at all, and everything is positioned as soon as you drag it. The way is that it is difficult to admit and modify

There is no code and I cannot analyze it for you. It is normal to encounter this situation when relying on tools. It is better to put away your impetuous heart, lay the foundation, and get it done. You must understand html4 standard tags and standard styles. Thank you in advance! Are you saying there are some problems with using the tool itself? I don't know how to use the complex functions of Dreamweaver. I just use some basic functions such as dragging and dropping div blocks. It feels almost useless, but it is more convenient. Will there be any problems?

Quoting the reply from wzs_xyz on the 1st floor: I don’t have the code, so I can’t analyze it for you. It’s normal to rely on tools to encounter this situation. It’s better to put away your impetuous heart, lay the foundation, and understand the html4 standard tags and Standard style will do. Thank you in advance! Are you saying there are some problems with using the tool itself? I don't know how to use the complex functions of Dreamweaver. I just use some basic functions such as dragging and dropping div blocks. It feels almost useless, but it is more convenient. Will there be any problems?
This is a big problem. In fact, the writing of HTML is a document-like format, and there is a sequence. That is to say, the tags written in the front will generally be displayed in the front (using positioning, floating, etc. will break the rules, which is very useful. But it should not be abused), so the drag-and-drop function provided by Dreamweaver is a bad and destructive way. It uses a lot of positioning methods to support drag-and-drop, making it difficult to read and modify HTML documents. As for compatibility issues, The software itself is not perfect enough. After all, compatibility is a difficult task, so it is not easy for the software to support it. The generated code is difficult to modify for compatibility issues, so it is not recommended to use

Quoting the reply from lichao5211111 on the 3rd floor: Quoting the reply from wzs_xyz on the 1st floor: There is no code and I can’t analyze it for you. If you rely on tools to encounter this This situation is too normal. It is better to put away your impetuous heart, lay the foundation, and understand the html4 standard tags and standard styles. Thank you in advance! Are you saying there are some problems with using the tool itself? I don’t know how to use the complex functions of Dreamweaver. I just used some basic functions such as dragging and dropping div blocks. It feels almost useless, just convenient... What you said at the end is that it is not recommended to use it. Specifically, you mean not to use it. Is it recommended to use the drag and drop function of Dreamweaver or is it better not to use this software for development? What is the most ideal development method?

Quoted from the 4th floor wzs_xyz’s reply: Quoted from the 3rd floor lichao5211111’s reply: Quoted from the 1st floor wzs_xyz’s reply: There is no code, so I can’t analyze it for you. It’s normal to rely on tools to encounter this kind of situation, so let’s keep the impetuous Put your mind at ease, lay the foundation, and understand the html4 standard tags and standard styles. Thank you in advance! Are you saying there are some problems with using the tool itself? I don’t know how to use the complex functions of Dreamweaver, so I only use some basic functions such as dragging div blocks...
Dreamweaver is recommended only for beginners, and it is best not to use it
I have already said, type well The basics of html, familiarity with standards, which development method to use is not the key
It would be nice to have a text tool that can prompt some keywords, and preferably automatically set some code formats

Dreamweaver... Never used it before

The familiar process of using Dreamweaver, the time and energy spent are completely enough to write code.
For example, write directly using Notepad.

PS
For Dreamweaver, there is no need to use the word "learning", just the word "familiar".

Thank you everyone!