《css》专题

问题内容： 悬停时，其子元素应从变为其自然宽度。然后，将鼠标从中移出时，它应重新动画到。该元件应仅一样宽，它需要被（允许生长），所以应在宽度成长和收缩宽度为一样。不应设置的宽度。我正在使用CSS3，但是可以在jQuery中完成，那很好。 问题： 请参见JSfiddle 不仅需要它的宽度。 当增长时，几乎达到全宽时，它会跳到下一行 当悬停于时，消失，应该将其动画化为 .wrapper { } .co

问题内容： 我正在尝试使用来使我的图像在某些flexbox容器内响应，并且在调整图像的大小时，布局似乎保持原始图像的大小，从而导致出现滚动条。 使用Chrome开发工具检查图像的宽度后，该宽度仍然为1024（但是高度已适当减小）。 我是否缺少一些其他CSS属性？ 问题答案： 您拥有的是合乎逻辑的，您只需要了解其工作原理即可。让我们从一个简单的例子开始： 如您所见，我使用了在框内拉伸的图像，因此破坏

问题内容： 我试图制作一个导航内联列表。您可以在这里找到它 由于某些原因，它不显示LI的宽度和高度。这是代码段。这有什么问题？ 问题答案： 将元素声明为，并从元素中删除宽度和高度。 或者，将a 应用于元素并在该元素上使用。这与跨浏览器更加兼容，例如Firefox <= 2不支持。 如果您将元素的宽度设置为100％（以使其从左边缘到右边缘跨越），然后应用apply，则第一种方法将使您拥有一个动态居中

问题内容： 我注意到，如果id或class从数字开始，则不会应用css属性。例如，以下任何一项均不起作用： 和 和 和 为什么CSS不支持从数字开始的id或类名？（例如，JavaScript可用于数字ID和类） 问题答案： 实际上，规范指出，以数字开头的类将被解释为维1 ： CSS2解析一个数字，紧随其后的是标识符，作为DIMENSION令牌（即未知单位），CSS1则将其解析为数字和标识符。这意味

问题内容： 您可以使用以下代码来增加伪元素中的数字。 有没有一种方法可以使用相同的代码来递增字母，例如“ a”，“ b”，“ c”等？ 谢谢！ 问题答案： 是的，的第二个参数定义了使用的计数器的类型，例如来自常规或的；例如： 其他包括：，，，，，，，，，，。 由于上面的样式列表似乎有所更新，我选择添加一个代码段，该代码段使用户可以从（当前）可用选项中进行选择，以及一个“输出”区域，以显示如何在CS

问题内容： 我需要添加连接HTML中图表节点的曲线。我只想使用 HTML和/或CSS 创建它们。即使不是所有的浏览器都支持我需要的功能，我对CSS3还是可以的（特别是对IE8及以下版本不太在意）。这是我可以针对其使用的解决方案： canvas或svg- 不喜欢它，因为当我有好几千个（也许成千上万个）这些对象在我的漂亮节点之间浮动时，我不得不处理浏览器差异并且不确定性能 图像 -我需要大量图像来处理

问题内容： 从Twitter的bootstrap修改bootstrap-modal jquery插件，我看到他们使用CSS过渡来实现渐变效果。 这行令我着迷的是这一行： 如果该行被注释，过渡将不起作用。我发现有关其含义的所有参考文献都是“强制回流”注释。 读取该属性如何影响CSS过渡？这是为了解决浏览器中的错误吗？ 问题答案： 回复有点晚，但是我正在解决CSS转换的一些问题，我认为这与您发现的这段

问题内容： 我正在使用Bootstrap 3，并且有一个显示一些数据的表。在此表中，我已应用了一些JavaScript进行条件格式设置，如果满足条件，则将元素的类设置为“红色” HTML的元素如下： 我现在在文本颜色适用的奇数行上有冲突，但是背景颜色被自举程序中的以下CSS覆盖。 我该如何解决此冲突并确保红色阶级有上风？ 问题答案： 您的问题很可能与特异性有关。克里斯·科耶尔（ChrisCoyie

问题内容： 我正在我的网站上工作，每当我在CSS文件中添加一些新行时，它只是不想使用我所做的行。 但是，他们应该没事。 举个例子。 CSS文件只在某一部分起作用，但是从某处开始只是停止使用我的文件。但是，它链接在< head >中。 我的HTML代码如下（请注意，这只是代码的一部分）： 有人知道解决方案吗？ 问题答案： 我忘了在CSS文件中关闭。这就是为什么所有代码​​都没有显示在页面上的原因。

问题内容： 假设我们有以下代码： 当rightDiv和leftDiv的内容超过200px高度（最小高度）时，upperDiv不会增长，因此其内容与下div重叠。如果删除大内容的float属性，它将增长，并且会出现问题。但是我不知道哪个Div（rightDiv或leftDiv）通过200px的高度。我怎样才能解决这个问题？ 谢谢 问题答案： 设置以下任何一项： 要么 或使用CSS伪元素（兼容IE8

问题内容： 如何在CSS中使用多于规则的内容？ 我已将其插入样式表中： 当前，这仅适用于网站上的整个文本。但是，我想指定使用其他字体。我怎样才能做到这一点？ 问题答案： 其中包括您在下面看到的CSS的更具描述性的细分（并说明了使它在IE6-9上更好地工作的调整）。

问题内容： HTML 元素可以具有 width / height 属性，还可以具有CSS width / height 属性： HTML属性和CSS属性之间有什么区别，它们应具有相同的效果吗？ 问题答案： 可以在此处找到有关该主题的热门讨论：图像标签和CSS的Width属性 把它们加起来： 声明宽度值和高度值（可能不是图像的原始物理尺寸）或css声明（例如width：[valueX]; heigh

问题内容： 我最近发现了一个使用绝对位置div的站点，其上，左，右和下限值均设置为0。这创建了100％高，100％宽的div。我现在也在使用此功能，并且想知道是否有任何理由不这样做？ 它确实运行良好，这是一个简单的解决方案，而我使用的另一种方式则存在无法修复的错误。我正在使用的应用程序应该只占用浏览器窗口的任何位置，并且永远不需要更大。 问题答案： 我现在也在使用此功能，并且想知道是否有任何理由不

问题内容： 如何在页面滚动期间保持背景图像固定？我有此CSS代码，并且图像是身体的背景，而不是 问题答案： background-attachment: fixed;

问题内容： 我有风格的元素 然后，我想在单击后平稳地更改其位置，但是当我添加样式更改时，过渡不会发生，而是元素立即移动。 但是，例如，如果我更改属性，则它会平滑更改。 这可能是什么原因？是否有非“过渡性”的属性？ 编辑 ：我想我应该提到这不是jQuery，它是另一个库。该代码似乎按预期工作，添加了样式，但是过渡仅在第二种情况下有效？ 问题答案： 尝试在CSS中设置默认值（让它知道您要从哪里开始）