Question

我有一个非常新的网站，我试图把它放在一起，似乎我的css文件没有被识别。

该网站是http://www.problemio.com，我在index.php中有一个方向来获取这样的css文件：

<link rel="stylesheet" type="text/css" href="main.css"/>

然后像这样的头文件div声明，其中使用了一些初始样式：

<?php
include("divs/header.php");
?>

我正在尝试使用firebug浏览index.php文件，但不知道如何判断是否正在识别css文件或其他问题。

任何想法如何识别风格？

Answer 1

在链接到自己的样式之前，您必须链接到CSS重置。

现在设置它的方式，CSS重置正在重置您的样式。

改变这个：

<link rel="stylesheet" type="text/css" href="main.css"/>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/reset/reset-min.css"></link>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/grids/grids-min.css"></link>
<link rel="stylesheet" type="text/css" href="menusystem.css"/>

到此：

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/reset/reset-min.css"></link>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/grids/grids-min.css"></link>
<link rel="stylesheet" type="text/css" href="menusystem.css"/>
<link rel="stylesheet" type="text/css" href="main.css"/>

Answer 2

加载CSS：


网格-min.css

的main.css

menusystem.css

复位min.css

重置是在其他设置之后加载，这会使您的大部分设置无效。

Answer 3

这可能是因为您加载CSS文件的顺序。您首先加载“main.css”文件，然后YUI重置CSS，它基本上重置了main.css文件已经设置的任何内容。尝试先加载重置。

Answer 4

样式表似乎正常加载。你需要在重置样式之后放置它，否则重置将消除你的大多数。

  <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/reset/reset-min.css"></link>
  <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/grids/grids-min.css"></link>
  <link rel="stylesheet" type="text/css" href="main.css"/>
  <link rel="stylesheet" type="text/css" href="menusystem.css"/>

如果您认为您遇到的问题与登录链接有关，请注意它们设置为color:#fff;，这恰好与背景相符......

根据您的浏览器，Ctrl + Shift + I（Chrome），Ctrl + Alt + I（Safari），F12（IE9）或Firebug（Firefox）可以显示加载了哪些资源...您应该可以获得熟悉每种开发者模式。

css文件无法识别

4 个答案: