Question

我正在使用html模板创建工作目标网页，我在这里（www.switchonbook.com）采用了这个模板，我正在为不同的产品编辑它。

无论我做什么，第二个CSS都不会显示。我有 - 通过在线测试人员测试CSS和HTML，没有问题 - 尝试更改文件的位置 - 将代码与目标网页的原始代码进行比较

以下是我用于新目标网页的代码;

<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?      family=Open+Sans:300italic,400,300,600,700' rel='stylesheet'>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Switch On: Your DIY Toolkit</title>
<meta name="description" content="Switch On: Your DIY Toolkit">


<link rel="shortcut icon" href="http://www.ripeandready.com/wordpress/wp-  content/uploads/2015/03/favicon.png" type="image/x-icon">
<link rel="icon" href="http://www.ripeandready.com/wordpress/wp-content/uploads/2015/03/favicon.png" type="image/x-icon">

<link href="http://switchonbook.com/css/styles.min.css" rel="stylesheet">
<link href="http://switchonbook.com/css/main.css" rel="stylesheet" >
</head>
<body>

任何帮助将不胜感激！

Answer 1

您的代码中存在一些错误。例如，这里：

http://fonts.googleapis.com/css?      family=Open+Sans:300italic,400,300,600,700

?之后不应该有空格。同样，-：

后面不应该有空格

http://www.ripeandready.com/wordpress/wp-  content/uploads/2015/03/favicon.png

此外，您还没有关闭</body>和</html>代码。

CSS样式表未在着陆页上显示

1 个答案: