《css》专题

问题内容： 我想要这个HTML … …像这样渲染 Q1。苹果 Q2。橘子 换句话说，我希望自动生成的数字以静态字符串“ Q”为前缀。 我试过这样的CSS： 但这产生了： 苹果 橙子 我也尝试过使用“ list-style：numberedinside;”，但这只是将列表右移，结果相同。我找不到以任何方式引用自动生成的数字元素来向其添加CSS样式信息的方法。这似乎是一个简单，常见的场景，但是我找不到

问题内容： 我有一个分数，我想很好地展示它。 例如 4/5 将会 4 - 5 我已经看过这个，虽然这个解决方案是体面的，问题出在具有4和5与同一行直 分界线他们在传统的分数。 任何黑客或解决方案都是可以接受的。不一定可以接受CSS，Javascript或任何其他语言 问题答案： 如果您乐于使用JQuery并希望最大程度地减少需要添加的标记，则可以使用以下方法： CSS HTML jQuery查询

问题内容： 我有一个div（#wrapper），其中包含2个并排站立的div。 我希望将右div垂直对齐。我在主包装器上尝试了vertical-align：middle，但是它不起作用。它让我发疯！ 希望有人能帮忙。 HTML： CSS： 问题答案： 您没有浮点元素的运气。他们不服从垂直对齐， 您需要的是： 请小心，因为它将元素之间的空白解释为真实的空白。它不会像对待它那样忽略它。 我建议这样做：

问题内容： 我在页面加载时触发了CSS 属性beeing 的问题。 问题是，当我将a 应用于元素时（例如：），然后在页面首次加载时，我的元素从黑色闪烁到它自己分配的颜色。 假设我有以下代码： CSS HTML 在页面加载，我会褪色从到。 我不想将颜色转换应用于伪类，因为那样不会将转换 应用于onMouseLeave 。 我真的很讨厌在网页上闪烁文本。到目前为止，除非我确实需要过渡，否则我一直在避免

问题内容： 我想知道你们认为最简单的方法是在div上获得2种颜色的双边框吗？我尝试一起使用border和outline，并且它在Firefox中可以工作，但是Outline似乎在IE中不起作用，这有点问题。有什么好的方法吗？ 这就是我所拥有的，但是大纲不适用于IE：outline：2px solid＃36F; 边框：2px实线＃390； 谢谢。 问题答案： 您可以使用伪元素添加多个边框，然后将其放

问题内容： 我的网站有一些链接样式，CSS如下： 这里是一个的jsfiddle展示他们是如何 应该 在各自不同的状态看： ：link =蓝色文字没有装饰 ：visited =灰色文字加下划线 ：hover =浅蓝色背景的白色文本 在和工作正常，但由于某些原因，国拒绝显示下划线。在使用Firebug或检查器的Chrome和Firefox中，我可以看到实际的样式，文本为灰色，只有它拒绝状态。 关于我在

问题内容： 4年前关闭。 我想定位Edge并使flexbox的行为类似于Firefox 33 / Chrome。 可以在CSS中定位Edge吗？ 问题答案： 为了定位Edge，我们可以检查是否支持，Edge是唯一支持此属性的Microsoft浏览器： 或这种一线式（一种适用于Edge，也适用于所有IE）：

问题内容： 我在网上看到了很酷的滚动效果… 滚动查看各部分时图像与下一张图像融合的位置。我一直在尝试重现它，但似乎无法弄清楚？如何 在网络上创建此效果？ 我尝试在屏幕截图中使用，该部分的高于图像，但最后一个屏幕截图始终位于顶部。 有任何想法吗？ 更新：由于各种原因（包括放置，使用倾斜…），我无法使用解决方案。我需要使用元素的解决方案。 问题答案： 可以使用和两个相似的图像来完成。backgroun

问题内容： 当使用时，如何指定最大列数，当内容对于空间而言变得太宽（或小于最小大小）时，列数自动中断？有没有媒体查询的方法吗？ 例如，我有以下内容，当内容没有足够的空间时，它们不会进入单列模式。 问题答案： HTML或CSS都没有关于何时容器包装后代的概念。 本质上，浏览器在初始级联期间渲染文档。子包装时，它不会重排文档。 因此，要更改列数，您将需要在行的某处设置宽度限制或使用媒体查询。 如果您可

问题内容： 我有这样的CSS声明： 这里的font1是嵌入式的eot / ttf字体，但问题是该字体比其他字体要小，所以我想为此字体（font1）使用不同的字体大小（1.8em）。所有其他字体（font2，font3）保持不变。 问题是，我无法验证用户的浏览器是使用font1，font2还是font3。是否有任何CSS声明允许不同家族使用不同的字体大小？ 谢谢。 问题答案： 这里 是 一个办法做到

问题内容： 我知道有一个名为Firefox的Dust-Me Selectors扩展，并且它不查看JavaScript生成的动态HTML。 我正在寻找一种工具，该工具可以识别样式表中所有未使用的选择器，这些样式表附加到多个页面，并且所有JavaScript正在运行并检查选择器？我现在知道的唯一选择是手动检查文件并找到未使用的选择器:( 在IDE中- 如果没有使用库，我相信NetBeans在编写Jav

问题内容： 我正在做一个小实验，尝试为嵌套div替换背景颜色。 这是我打算实现的（没有内联样式）： 我觉得我一定缺少明显的东西！我尝试过，但这似乎仅适用于一个级别。 这是针对生成div的实验，因此解决方案需要是无止境的（不是沿着div div div div div = white的界线）。我知道使用JavaScript非常简单，只需 寻找纯CSS解决方案即可 。 问题答案： 正如Lister先生

问题内容： 请看一下http://jsfiddle.net/ghAgQ/我需要与箭头相同的渐变，因为它与矩形相同。有什么想法的吗？谢谢 ​ 问题答案： 您可以以一种简单得多的方式来执行此操作，仅使用一个元素和一个旋转的伪元素（任何支持CSS渐变的浏览器也支持CSS变换和伪元素和成角度的线性渐变。 在Windows上使用当前版本的Chrome，Opera，Firefox，IE。 HTML 只是 相关

问题内容： 我有这个HTML： 使用此CSS： 我正在应用的背景图像是200x100像素，但我只想显示200x50像素的背景图像的裁剪部分。 似乎不是正确的CSS属性。我该怎么用呢？ 不应使用，因为我在Sprite上下文中使用了上述CSS，在该Sprite上下文中，我要显示的图像部分小于定义CSS的元素。 问题答案： 您可以将图形放置在具有其自身尺寸上下文的伪元素中： 浏览器支持很好，但是如果需要

问题内容： 有没有人对如何提高CSS3动画的流畅度有一些作弊技巧？我使用css过渡将整个页面向左滑动，比我想要的更加混乱。它是一个元素，但由于页面复杂，因此包含许多圆角，渐变，阴影等。 在Flash ActionScript中，有一个方便的属性，可以在动画开始之前将动画元素转换为位图。这是天赐之物，可显着加快某些类型的动画的速度。CSS有这样的东西吗？是否还有其他技巧可以在不简化页面设计的情况下提