《css》专题

问题内容： CSS background-image属性的正确用法是什么？我想了解的关键是 是否需要用引号引起来，即： 可以是相对路径（如上所述）还是必须是完整URL？ 我应该注意的其他事项，以确保它在符合标准的浏览器中正确运行。 问题答案： 路径可以是完整路径，也可以是相对路径（当然，如果映像来自另一个域，则必须是完整路径）。 您无需在URI中使用引号；语法可以是： 要么 但是，从W3： 出现在

问题内容： 之前曾问过这个问题，但该解决方案不适用于我的情况。我想确保打印某些背景图像，因为它们是页面不可或缺的。（它们不是直接在页面中的图像，因为其中有几个用作CSS精灵。） 关于同一问题的另一种解决方案建议使用，只有在每个图标都有不同的图像且没有CSS精灵时，它才有效。 除了创建带有内联图标的单独页面之外，还有其他解决方案吗？ 问题答案： 您对浏览器的打印方法几乎没有控制。您最多可以提出建议，

问题内容： 我在理解CSS属性的行为时遇到了麻烦。根据规范和此处 顾名思义，和伪元素指定元素的文档树内容之前和之后的内容位置。 这似乎并未限制哪些元素可以具有（或）属性。但是，它似乎仅适用于特定元素 … 有效，无效，无效。我可以测试更多，但重点是。请注意，这在各个浏览器中似乎非常一致。 是什么决定对象是否可以接受和属性？ 问题答案： 和都是被替换的元素。 替换的元素是其外观和尺寸由外部资源定义的任

问题内容： 是否有针对不同浏览器的默认CSS样式表的列表？（表格形式的浏览器样式表） 我想知道所有浏览器中文本区域的默认字体，以供将来参考。 问题答案： 不是表格形式，但是如果您要查找特定的内容，则源CSS可能会有所帮助： Firefox默认HTML样式表 WebKit默认HTML样式表 但是，您只能依靠IE和Opera。

问题内容： 这让我有些难过。我想在#contentdiv中将所有段落的第一个单词设为14pt，而不是默认的段落（12pt）。有没有办法在纯CSS中做到这一点，还是我将第一个单词包装在一个跨度中来完成此操作？ 问题答案： 您正在寻找的是不存在的伪元素。有：first-letter和：first-line，但是没有：first-word。

问题内容： 因此，当您没有为给定的div元素设置任何页边距，填充或边框时，页边距折叠是否会发生？ 问题答案： 不能。当您有两个相邻的垂直边距时，将使用两个中较大的一个，而另一个将被忽略。 因此，例如，如果您有两个块显示元素，A，其后是B，并且A的下边距为3em，而B的上边距为2em，则它们之间的距离将为3em 。 如果设置边框或内边距，则可以防止崩溃。在上面的示例中，两个元素之间的距离将为5em。

问题内容： 怎样获得用CSS规则设置的元素CSS属性（例如width / height）（以百分比设置）（例如，百分比/ em / px）？（在Google Chrome浏览器中，最好是无框架的）。 using getComputedStyle返回当前值（以像素为单位），css()jQuery中也是如此。 例如： div在此示例中迭代所有元素时，我希望能够获得第二个divs的宽度50%（和第一个的

问题内容： 我在玩CSS网格布局，遇到一个我找不到答案的问题。 考虑以下示例： 如您所见，由于使用设置了百分比宽度，因此列超出了屏幕宽度。 但是，如果我使用单位，则效果很好： 如果有人能解释为什么百分比宽度会产生如此大的影响，那将是很好的。 问题答案： 本机仅在容器的可用空间内工作。 因此，在您的代码中： …容器中的自由空间在12列之间平均分配。 由于列仅处理 自由空间 ，因此不是一个因素。在确定

问题内容： 是否可以在另一个CSS文件中包含一个CSS文件？ 问题答案： 是： 注意： 该规则必须先于所有其他规则（除外）。 其他语句需要其他服务器请求。或者，将所有CSS连接到一个文件中，以避免多个HTTP请求。例如，复制的内容和入和仅供参考。

问题内容： 这是我想出的一小段代码的自我问答。 当前，没有一种简单的方法可以嵌入SVG图像，然后可以通过CSS访问SVG元素。有多种使用JS SVG框架的方法，但是如果您要做的只是制作带有过渡状态的简单图标，它们将过于复杂。 所以这就是我想出的，我认为这是迄今为止在网站上使用SVG文件的最简单方法。它的概念来自早期的文本到图像替换方法，但据我所知，从未对SVG进行过处理。 这是问题： 如何在不使用

问题内容： 有什么好的方法可以帮助您识别项目中未使用的CSS定义？一堆css文件被拉进来了，现在我正在尝试清理一些东西。 问题答案： Chrome开发者工具有一个“ 审核”标签，其中可以显示未使用的CSS选择器。 运行审核，然后在“ 网页性能”下，参阅“ 删除未使用的CSS规则”

问题内容： 我似乎找不到具有多个属性的CSS过渡 速记 的正确语法。这没有做任何事情： 我用javascript添加了show类。元素变得更高且可见，它只是不过渡。在最新的Chrome，FF和Safari中进行测试。 我究竟做错了什么？ 编辑：为了清楚起见，我正在寻找简化我的CSS的简写版本。使用所有供应商前缀已经足够enough肿。还扩展了示例代码。 问题答案： 句法： 请注意，如果指定了延迟，

问题内容： 我的html中有这样的标签： 使用CSS我想用我的实际徽标替换文本。我已经通过调整标签大小并通过css将背景图像放到徽标中了，没有问题。但是，我不知道如何摆脱文本。我以前看过基本上是通过将文本从屏幕上推送来完成的。问题是我不记得在哪里看到它。 问题答案： 这是一种方法： 这是隐藏文本的另一种方式，同时避免了浏览器将创建的9999像素大框：

问题内容： 我有一些看起来像这样的CSS： 我想用Font Awesome中的图标替换图像。 无论如何，我看不到将CSS中的图标用作背景图片。假设在我的CSS之前加载了Font Awesome样式表/字体，是否可以这样做？ 问题答案： 您不能将文本用作背景图像，但是可以使用或伪类将文本字符放置在所需的位置，而不必添加各种杂乱的额外标记。 确保在您的实际文本包装器上进行设置，以便定位。 编辑： Fo

问题内容： 如何递归选择所有子元素？ 此类仅在定义的className和所有直接子级上抛出一个类。您如何以一种简单的方式选择所有子节点，如下所示： 问题答案： 使用 空格 匹配元素的所有后代： 匹配 x 内的每个元素 y ，无论它嵌套在多深处-孩子，孙子等等。 __ 星号匹配任何元素。 官方规范：CSS2.1：第5.5章：后代选择器