外部 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 文件中需要!
我已经四处寻找解决方案,但是 "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 文件中需要!