JS Animated. 如何添加外部CSS样式表引用的HTML页面

本教程将向您展示如何添加外部 CSS 的样式表引用 html pages.

1. 首先，让我们创建一个自定义CSS文件 css folder. Connect to FTP/File manager. In css 文件夹，点击 New file 并添加您喜欢的文件名:

   

   在本例中，我们添加 mycustom.css. 下面是新的CSS文件:

   

2. 接下来，我们需要将新的自定义CSS文件连接到 .html file. Click on the .html 要添加新CSS类的文件. 在这种情况下，我们使用 index.html (首页):

   

   您将看到如下代码:

   将上面的一行复制到新行. 然后替换为的路径 href 使用新CSS文件的新路径和 Save the file:

   

   现在可以设置 Custom CSS 到新的CSS文件.

3. 我们来举个例子. 中添加一些带有自定义CSS类的内容 index.html file. 例如，上面这段文字:

   

   Open index.html file. 这是一个新的内容与新的 custom class pink:

   

   然后我们需要打开我们刚刚创建的这个自定义css文件 css folder. Click on Edit 并在文件中设置自定义CSS代码.

   在这个例子中，我用下面的代码将它设置为粉红色:

   .pink {
   color: pink;
   }
   

   保存文件. 刷新页面查看结果:

   

请随时查看下面的详细视频教程: