codepen css在导出时不显示

时间:2018-04-19 16:00:41

标签: javascript jquery html css bootstrap-4

嗨,我对编码非常陌生并且已经在免费代码营学习了几个星期(3-4周),每周大约10个小时,因为我只有在晚上回家后才有机会编码工作,所以如果我的错误看起来像业余爱好,请耐心等待。

好的,我的问题是,我在codepen上开始了一个投资组合页面的草稿。它目前没有完成,但中途我决定导出它,看看它是如何在codepen之外运行的。当我导出它在我的本地电脑上的谷歌浏览器上运行完美,但是我将html导出的文件发送到两个单独的电脑,当文件被打开时,网页就像它在我的电脑上打开一样。 css似乎没有工作。缺少背景图像,应用了css类的图像似乎无效,字体似乎被默认字体覆盖

这是我的代码笔的链接: enter link description here

find()

2 个答案:

答案 0 :(得分:1)

您不仅需要与其他计算机共享HTML,还需要共享项目中的所有文件夹和文件,例如:css文件,图像等。

答案 1 :(得分:0)

您需要为代码工作做很多事情。

- 将您调用的标签更改为

enter image description here

- 在项目宽度中创建以下名称的两个文件夹:css和js。在css文件夹中创建一个名为style.css的文件,并在css中添加样式代码。在js文件夹中创建一个名为main.js的文件,并在js

中添加脚本代码

enter image description here

- 您的项目需要导入jquery和bootstrap库。因此,您需要在头标记中添加以下路径cdn

enter image description here

请注意,您的css和js文件有链接

此处填写完整代码