2

是否放置：

<style type="text/css">
...
</style>

事情？如果我将它放在页面 div 内或正文内，有什么区别吗？我最近发现它对 javascript 很重要。我的 CSS 也有一些问题（jQuery Mobile）。会不会是这个原因？

4

4 回答 4

3

style 元素应该适用于整个文档，无论它放在哪里，但是通常的做法是始终将它放在 head 元素中。如果你把它放在其他地方，如果浏览器处理有点不稳定，我不会感到惊讶。

请注意，html5 允许您为 style 元素指定 scoped 属性，这意味着它将仅适用于 style 元素的父元素及其所有子元素。

顺便说一句，通常的做法是将 css 放在一个单独的文件中，并使用<link>标签将 CSS 包含在您的文档中。这样您就可以跨多个页面共享 css。

于 2012-09-12T08:35:34.433 回答
1

位置与样式表的顺序有关。当解决样式表之间的冲突时，在最后一步，当其他条件相同时，最后出现的规则获胜。因此，style元素相对于其他样式元素和link引用样式表的元素的放置方式很重要。（关于元素中的属性并不重要style，因为其他事物不可能相等：属性获胜，通过特异性。）

它在验证中也很重要：一个style元素除了在一个元素内之外是无效的head。不过，浏览器并不关心这一点。

JavaScript 代码当然可以依赖于它处理的元素的位置。这完全取决于代码。

于 2012-09-12T09:57:05.617 回答
0

理想情况下不应该这样做，但不要这样做，这只是不好的做法，而且会使您的代码看起来很乱

于 2012-09-12T08:27:42.747 回答
0

要直接回答这个问题，通常如果您将代码直接放在页面中，您会将其放在<head>页面中。不管你把它放在哪里都应该工作，但这<head>是常见的做法。不确定您的目标到底是什么，但对于电子邮件，我通常将其拆分为内联样式（将相关代码放在 HTML 标记本身中，例如<p style="line-height:1.4em;">）。

<head>但是，如果您正在处理网页，除非有特殊原因将 CSS 嵌入页面本身的代码中，否则链接到标签之间的外部样式表几乎总是更好（并且被认为是最佳实践） （ <head> <link rel="stylesheet" href="[YOUR STYLESHEET]" type="text/css"> </head>）。它使您的 HTML 更整洁，并有助于分离标记 (HTML)、样式 (CSS) 和功能 (JavaScript)。

希望能回答你的问题，哈哈。

于 2012-09-12T08:40:20.693 回答