为什么HTML和CSS不起作用?

时间:2016-05-16 17:35:19

标签: html css

目前我正在W3Schools上学习HTML和CSS,现在我已经在this章了。事先我想说我在三星Galaxy Note 4(Android 5.1.1)上学习它。我正在使用AWD - IDE For Web devTotal CommanderSamsung Internet BrowserGoogle Chrome

我的问题是,我不知道为什么我的HTML和CSS无法正常工作。

当我尝试在外部文件I get this.

中定义CSS样式时

所以我有两个问题。 ÁÁ来自哪里以及为什么HTML-Document的设计与CSS定义相同。

当我尝试定义CSS-Styling实习生I get this.

然后背景只是改变,但标题和段落没有。

我手机上使用的代码是W3Schools章节中的一对一副本。我也尝试过与其他浏览器和编辑一起使用,但仍然无法正常工作。我还注意到,当我将extern css文件保存在自己的文件夹css/styles.css中时,我获得了与css-stylesheet实习生相同的结果。

但我最后的问题是:这有什么问题?

Here是此问题的项目文件夹。

3 个答案:

答案 0 :(得分:1)

我假设奇怪的字符是由某种不正确的字符编码引起的,这可能是由你的IDE引起的。

this是我在firefox开发工具页面检查器中打开styles.css文件时看到的。清除它,外部工作表应该正常工作。

您还应声明!DOCTYPE以及编码。它有助于确保浏览器呈现您期望的html类型。可以找到更详尽的解释here.

即。 <!DOCTYPE html><meta charset="UTF-8">

祝你好运!

答案 1 :(得分:0)

查看此主题 - 您可能遇到同样的事情:HTML encoding issues - "Â" character showing up instead of "&nbsp;" enter link description here tldr:有一个非打印字符没有像你期望的那样被编码,它会吐出这个奇怪的字符。如果使用

明确设置字符编码,它应该会消失

(仅供参考,webdevs对于w3c学校有一点关注。有些事情会教你“福音”,但并不一定如此。这可能解释了这一点。试试Code Academy或者Codeschool。你迈出了更广阔的世界,欢迎来编码!)

答案 2 :(得分:0)

删除元素声明和键之间的空格。

例如:

body{background-color:red;}
h1{color:blue;}
p{color:green;}