Analysis and solution of the reasons why HTML external reference CSS files are not effective

Refresh in the browser. . Wow, kao. There was no response. It didn't work. . I checked the path several times to make sure there was no problem, and opened Chrome's F12 debugger. After making sure the browser loaded the CSS file, I opened it and saw:

It's garbled. . There should be something wrong with the encoding format, but I don't know what to do. . After consulting a front-end partner, I checked the current encoding of the web page:

The displayed encoding is UTF-16LE. .
Later I tried it and used the sublime editor to modify the local css file encoding format to this utf-16LE:

Rewrote the css code. Save the run. . It works as expected. .
But my HTML is specified as UTF-8, while the CSS is UTF-16, which makes me very unhappy. . So I asked for a solution again. It can be solved, and it's simple. .
Change the css back to utf-8 and edit the code inside. Just declare the encoding format when importing this CSS in HTML:

That is, just add an attribute to the link tag: charset="utf-8". . . It’s that simple. . .

This is all I have to say about the reasons why HTML external referenced CSS files do not take effect and the solutions. I hope it will be helpful to you!