为什么我无法直接打印Codepen

我正在尝试使用this并创建一个不同的着陆页来利用它。为什么我无法直接打印Codepen

这里是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中时，它不起作用。

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

来源

2014-10-01 funitect

这看起来很明显，但如果您正在复制并粘贴正好，因为它出现在笔中，那么它不起作用;

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

来源

2014-10-01 04:50:02 Brad

＃2是我失踪。谢谢你指出 - 新手错误。 – funitect 2014-10-01 16:55:05

为什么我无法直接打印Codepen

回答

相关问题