Analysis and solutions for reasons why CSS files externally referenced by HTML do not take effect_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:36:04
Original
2580 people have browsed it

As a front-end novice, I have been tinkering with the front-end for a few days. . Today I suddenly discovered that something I believed in had a problem. . For example, I wrote a css style document under the css directory: style.css. At this time there is only one sentence in it:

XML/HTML CodeCopy content to clipboard
  1. body {
  2. background-color: #ddd;
Then introduce this external css into my html file:
XML/HTML CodeCopy content to clipboard
  1. <link rel="stylesheet" type="text/css" href="css/style.css"> 

Refresh the browser. . Wow, kao. It didn't respond, it didn't work. . I checked this path several times to make sure there was no problem, and opened chrome's F12 debugger. Making sure the browser loaded the css file, I opened the file and saw:


is actually garbled. . There should be something wrong with the encoding or the format, but I can't figure it out. . After consulting a front-end partner, I checked the current encoding of the web page:


displays UTF-16LE encoding. .
I tried it later and used the sublime editor to modify the local css file encoding format to this utf-16LE:


Rewritten css code. Save and run. . Sure enough, that's it. .
But my html is specified as utf-8, and my css is utf-16, which makes me very unhappy. . So I asked again for a solution. It can be solved, and it's simple. .
Change the css to utf-8 and edit the code inside. Just declare the encoding format when introducing this css in html:


Just add an attribute to the link tag: charset="utf-8". . . It's really that simple. . .

About the analysis and solutions for why HTML external reference CSS files do not take effect, the editor will introduce it to you here. I hope it will be helpful to everyone!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template