部署后无法将CSS链接到网站

时间:2018-04-17 11:14:57

标签: html css web path host

我在网上买了一个模板,并编辑了一些HTML。我使用x10Hosting免费服务器和域名。该网站已部署;

http://www.wizerwish.x10host.com

但是,无论我在index.html文件中写入什么路径,都无法识别或执行CSS。

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Unishop | Universal E-Commerce Template
    </title>
    <!-- SEO Meta Tags-->
    <meta name="description" content="Unishop - Universal E-Commerce Template">
    <meta name="keywords" content="shop, e-commerce, modern, flat style, responsive, online store, business, mobile, blog, bootstrap 4, html5, css3, jquery, js, gallery, slider, touch, creative, clean">
    <meta name="author" content="Rokaux">
    <!-- Mobile Specific Meta Tag-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- Favicon and Apple Icons-->
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="icon" type="image/png" href="favicon.png">
    <link rel="apple-touch-icon" href="touch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png">
    <!-- Vendor Styles including: Bootstrap, Font Icons, Plugins, etc.-->
    <link rel="stylesheet" media="screen" href="css/vendor.min.css">




              <!-- THIS IS WHERE THE CSS FILES ARE -->






  <link id="mainStyles" rel="stylesheet" media="screen" 
            href="css/styles.min.css">
            <link id="mainStyles" rel="stylesheet" media="screen" 
            href="css/styles.css">
            <!-- Modernizr-->
            <script src="js/modernizr.min.js"></script>
          </head>

那是html。 CSS文件夹路径如下所示,从桌面开始;

模板-1 / DIST / CSS / 注意:template-1文件夹位于桌面上。

我甚至将CSS文件复制并粘贴到html和其他文件所在的同一文件夹(dist)中。但它仍然没有用。

1 个答案:

答案 0 :(得分:1)

我访问了您的css文件,并通过删除css & js路径使其工作。所有文件都在同一个路径中。所以不需要路径扩展。

enter image description here