目前我正在W3Schools上学习HTML和CSS,现在我已经在this章了。事先我想说我在三星Galaxy Note 4(Android 5.1.1)上学习它。我正在使用AWD - IDE For Web dev,Total Commander,Samsung Internet Browser和Google Chrome。
我的问题是,我不知道为什么我的HTML和CSS无法正常工作。
当我尝试在外部文件I get this.
中定义CSS样式时所以我有两个问题。 ÁÁ
来自哪里以及为什么HTML-Document的设计与CSS定义相同。
当我尝试定义CSS-Styling实习生I get this.
时然后背景只是改变,但标题和段落没有。
我手机上使用的代码是W3Schools章节中的一对一副本。我也尝试过与其他浏览器和编辑一起使用,但仍然无法正常工作。我还注意到,当我将extern css文件保存在自己的文件夹css/styles.css
中时,我获得了与css-stylesheet实习生相同的结果。
但我最后的问题是:这有什么问题?
Here是此问题的项目文件夹。
答案 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 " " enter link description here tldr:有一个非打印字符没有像你期望的那样被编码,它会吐出这个奇怪的字符。如果使用
明确设置字符编码,它应该会消失(仅供参考,webdevs对于w3c学校有一点关注。有些事情会教你“福音”,但并不一定如此。这可能解释了这一点。试试Code Academy或者Codeschool。你迈出了更广阔的世界,欢迎来编码!)
答案 2 :(得分:0)
删除元素声明和键之间的空格。
例如:
body{background-color:red;}
h1{color:blue;}
p{color:green;}