Question

我是编程的新手，我在圣诞节的HTML5中找到了Canvas的书。它开始很小，但我有点担心我无法让其中的一个例子起作用。我已经逐字逐句地复制了它，在几个不同的浏览器中尝试过它，它仍然无法正常工作。它应该向下和向右移动“Hello World”50px这个词，但它会将它保持在左上角的常规（0,0）位置。有什么帮助吗？

<!doctype html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<title>CH1EX2: HTML Hello World Page With A DIV</title>
</head>
<body>
<div style=“position: absolute; top: 50px; left: 50px;”>
Hello World!!
</div>
</body>
</html>

提前致谢。

Answer 1

我很确定这些是双引号的错误类型。你的需要看起来像这样＃34;

Answer 2

您的报价错误，您必须使用"或'报价

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CH1EX2: HTML Hello World Page With A DIV</title>
</head>
<body>
<div style="position: absolute; top: 50px; left: 50px;">
Hello World!!
</div>
</body>
</html>

http://jsbin.com/UKEsIji/1/

Answer 3

你的双引号看起来像是"smart quotes" - 用语言上恰当的双引号而不是直的"符号。您可能正在使用像Word或类似的文档编辑器。虽然您可以在Word中关闭此行为，但最好使用纯文本编辑器来编辑代码。以下是一些免费的（假设您使用的是Windows）：

记事本（Windows的一部分）
Notepad++
Programmer's Notepad

还有更多 - 它们都很常见，因为它们不会格式化您正在使用的文本 - 它们保持纯文本不变，与WYSIWYG编辑器不同。

HTML5 Div风格不起作用

3 个答案: