为什么我不能直接从 Codepen答案

【问题标题】：Why can't I take directly form Codepen为什么我不能直接从 Codepen
【发布时间】：2014-11-25 20:39:21
【问题描述】：

我正在尝试使用this 并使用它创建一个不同的登录页面。

这里是 HTML。其余的在 codepen 上。

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Raleway:400,800,700,900,300,100' rel='stylesheet'        type='text/css'>
<div class="overlay">
  <div class="wrap">
   <h1>Scrolling Form</h1>
<input type="text" placeholder="Username">
<input type="email"placeholder="Password">
<input type="submit" value="Sign In">
<a href="#"><i class="fa fa-question"></i>Forgotten Password</a>
    <a href="#"><i class="fa fa-user"></i>Create an Account</a>
  </div>
</div>

我对编码和使用 Codepen 还很陌生，但是当我将代码复制到 Sublime Text 2 时，它不起作用。

为什么会这样？我可以做些什么来解决这个问题？

【问题讨论】：

标签： css html open-source sublimetext2

【解决方案1】：

这似乎很明显，但如果您复制和粘贴的代码与笔中显示的完全相同，那么它就不起作用了；

1) 它不是一个完整的 HTML 文档。这只是身体的一个sn-p。它需要一个 doctype、head、body 和 html 标签。如果没有完整的 HTML 结构，浏览器不会将其视为 HTML 文档。

2) 即使您从示例中创建了一个完整的 HTML 文档，它也不会在 Codepen 中按原样工作，因为 Codepen 会自动将 CSS 附加到 HTML。您必须在 HTML 文档的头部链接 CSS 文件才能在本地工作。

<head>
    <title>Copied from Codepen</title>
    <link href="/style-from-codepen.css" rel="stylesheet">
</head>

【讨论】：

#2 是我所缺少的。感谢您指出这一点 - 新手错误。