Css声明在头部部分,仍然可以在主体部分找到



我使用YSlow来衡量整体页面性能。然而,CSS声明在文档的头部部分,仍然YSlow发现CSS在文档的主体,并建议把CSS放在顶部。同样的原因是什么呢?

我没有在硬代码或内联样式中使用CSS属性,对于内联样式,我将类应用于该div,如<div class="header"></div>。在head标签中也有外部CSS,比如

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

但是YSlow发现css在body部分而不是head部分

你的问题不清楚,但我猜你可能有行CSS标签

之类的
 <div style="float:left">asf asdf</div>

所以你的文档可以是

<html>
<head>
<!--CSS declarations and title etc-->
</head>
<body>
<!--body code etc referencing the exteranl CSS sheets or the CSS declared in the header-->
<div style="color:#366;">These words are in this color</div>
</body>
</html>

我遇到了这个问题,发现这是由于在我的css导入之前有一个A标签(用于声明Google Plus身份)。我将该标记移动到结束的HEAD标记之前,并且YSlow不再标记该问题。

相关内容

  • 没有找到相关文章

最新更新