蓝图CSS:showgrid不工作_Css_Blueprint Css

蓝图CSS:showgrid不工作

css

蓝图CSS:showgrid不工作,css,blueprint-css,Css,Blueprint Css,我刚从Blueprint css开始。我试图使用showgrid类，但它没有在屏幕上显示任何网格。下面是代码。如果我遗漏了什么，请告诉我 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title> Book Haven</title> <link rel="stylesheet

我刚从Blueprint css开始。我试图使用showgrid类，但它没有在屏幕上显示任何网格。下面是代码。如果我遗漏了什么，请告诉我

 <html>
 <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />  
    <title> Book Haven</title>
    <link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
    <link rel="stylesheet" href="blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection" /> 
    <link rel="stylesheet" href="blueprint/src/grid.css" type="text/css">


    </head>

      <body>
    <div class="container showgrid">
        <div id="header" class="span-24 last">
            <h1 id="book_haven"><img src="bookicon.png" alt="Book header image" id="header-image" /> </h1>
        </div>
        <hr />


     </div>


藏书区

我在您的蓝图/目录中看到了许多子目录，您确定正确包含了所有文件吗

最后要检查的是grid.png文件的位置。如grid.css文件第22行所述，该文件应位于目录src/

我在blueprint/目录中看到许多子目录，您确定正确包含了所有文件吗

最后要检查的是grid.png文件的位置。如grid.css文件第22行所述，该文件应位于src/

目录下，下载并复制blueprint文件夹

css类showgrid使用blueprint/src/grid.png文件下载并复制blueprint文件夹

css类showgrid使用blueprint/src/grid.png文件

yeah。一切似乎都很好。不确定问题出在哪里。请尝试使用firebug检查showgrid div是否实际加载了grid.css文件的特定规则。一个疑问。当页面加载时，点击firebug中的css选项卡是否会显示所有加载的css文件？是的…要检查某个特定规则是否加载，请右键单击您的元素并选择“Inspect element”（英文），如果您看到grid.css的showgrid行，则选择右下角的“Inspect element”（检查元素），因此它当前已加载。否则不会。实际上，它已经加载了它。我点击了css标签。那里出现了grid.css。一切似乎都很好。不确定问题出在哪里。请尝试使用firebug检查showgrid div是否实际加载了grid.css文件的特定规则。一个疑问。当页面加载时，点击firebug中的css选项卡是否会显示所有加载的css文件？是的…要检查某个特定规则是否加载，请右键单击您的元素并选择“Inspect element”（英文），如果您看到grid.css的showgrid行，则选择右下角的“Inspect element”（检查元素），因此它当前已加载。否则不会。实际上，它已经加载了它。我点击了css标签。那里出现了grid.css。