为什么我的CSS在所有浏览器中的应用都不一样？例如，对于以下代码：
<body align="center" background="F:\photos\sravan\wi7.jpg">
我可以看到我的文字在Chrome中与中心和背景对齐，但在Mozilla中却不一样！为什么会这样？
答案 0 :(得分：3)
Browsers restrict access to file:// resources for security reasons. AFAIK，您只能在同一目录中指定图像位置，即您的HTML文件也必须位于f:/photos并使用相对路径引用，即。 sravan/wi7.jpg。
另外，正如评论中所指出的，您使用的符号不是CSS。使用HTML属性指定视觉属性是一种过时的技术，最好切换到实际的CSS。了解其基础知识，例如here或罗伯特推荐的其中一个网站。
答案 1 :(得分：2)
相反，您应该使用HTML和CSS，如下所示：
<body>
content
...
</body>
和身体CSS
body {
background-image: url(URL to your image and not local path);
text-align: center;
}
没有冒犯，但我热烈建议你在深入研究任何合理的代码之前学习HTML和CSS。
根据W3C specification body元素不支持align属性，background在4.01中已弃用，HTML5不支持。所以不要将它用作属性。使用CSS定义样式：
style HTML元素head元素
（不推荐）为您的元素添加内联样式：
<body style="text-align: center; background-image: url(wi7.jpg);">
由于CSS具有许多内联样式的工作方式使您的应用程序难以维护，并且还引入了必须使用的新CSS黑客，以便您的页面按预期呈现。 关注点分离规则。 HTML文件是你的内容定义，CSS文件是它的风格。尽可能将它们分开。
由于浏览器尝试遵循规范，因此HTML + CSS的呈现可能存在差异。有些人可能会非常严格，有些人则更松散。尽量保持规范，你应该获得更好的跨浏览器结果。