外部 CSS link 不工作

External CSS link not working

我已经四处寻找解决方案,但是 "gencustomfont" 的外部 link 将不起作用,是的,一切都已正确命名。虽然如果我将裸代码放入其中,但如果我正式开始添加样式后它不那么混乱,我会感觉更好。我用的是c面板。

主要

    echo '<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css"  type="text/css" rel="stylesheet" media="screen">
    <link href="css/gencustomfont.css"  type="text/css" rel="stylesheet" media="screen">



  </head>
  <body>
    <h1>We are making magic!</h1>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>';

?>

CSS

<style type="text/css">
body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #FF7878;
  background-color: #000;
}
</style>

如您所见,我正在尝试用我自己的覆盖 bootstrap css。我没有时间使用 "Less".

在您的 .css 文件中,您不需要放入 <style type="text/css"></style>。这些仅在 HTML 文件中需要!