嵌入 CSS 导致网页呈现不佳答案

【问题标题】：Embedding CSS is causing webpage to render badly嵌入 CSS 导致网页呈现不佳
【发布时间】：2015-12-03 05:40:59
【问题描述】：

我正在做一些实验来了解在 HTML 中嵌入 css 的潜在利弊。我在本地有网站镜像。我尝试使用“style type='text/css'”标签将外部 css 嵌入到 HTML 中。它适用于少数 css 文件，但对于某些 css 网页并没有完全像嵌入之前那样呈现。我不确定究竟是什么导致了这个问题。

任何建议/帮助请.. ebedding 之前和之后的图片。

问题不是本网站所特有的。我看到不同网站出现不同的渲染问题。我想知道嵌入和引用外部 css 的区别是什么？

【问题讨论】：

【解决方案1】：

您面临的问题主要是由于嵌入 css 后相对路径无效。假设图像 Evil_Kitty_Of_Darnkess.JPG 比 css 文件高一级。文件内的规则将能够像这样使用相对路径：

background-image: url(../Evil_Kitty_Of_Darnkess.JPG);

将这些规则直接嵌入页面后，您必须根据页面所在的新基本路径引用路径。如果图像不完全高一级，它将无法解决它。您会在屏幕截图中看到类似内容：什么都没有。

【讨论】：