Question

我正在尝试使用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时，它不起作用。

为什么这样，我该怎么做才能解决这个问题？

Answer 1

这看似显而易见，但是如果您正在复制并粘贴笔中出现的完全代码，那么它就不会起作用了;

1）它不是一个完整的HTML文档。它只是身体的一小部分。它需要一个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>

为什么我不能直接使用Codepen

1 个答案: