《css》专题

问题内容： 我想我已经写了如下几千遍： 但是直到现在我才考虑这些命令的顺序是否重要？我知道这之间并不要紧，因为在大多数1这些将被读取的，但它是 更好的 （以适应未来发展等方面）做W3C标准第一或最后？ 问题答案： 毫无疑问，最佳做法是最后保留未添加前缀的属性： 无论是上期开出和将是已使用的一个。 是“实验”属性-实现可能包含与规范的偏差。的实现应与规范中的实现匹配。 最好在可用时使用 W3C实施

问题内容： 我知道CSS重置是什么，但是最近我听说了这个叫做Normalize.css的新东西。 Normalize.css和ResetCSS有什么区别？ 标准化CSS和重置CSS有什么区别？ CSS重置只是一个新的流行词吗？ 问题答案： 我在normalize.css上工作。 主要区别在于： Normalize.css保留有用的默认值，而不是“取消样式化”所有内容。 例如，在包含normaliz

问题内容： 我创建了一个简单的弹跳动画，该动画将应用于元素的状态： 动画效果很好，但是当您从元素中删除光标时，动画会突然停止。无论如何，是否有强迫它继续设置的迭代次数（即使鼠标已经退出）？基本上，我在这里寻找的是由状态触发的动画。我不是 在寻找 JavaScript解决方案。无论如何，我还没有看到在规范中执行此操作，但是也许我错过了一个明显的解决方案？ 问题答案： 恐怕解决此问题的唯一方法是使用一

问题内容： 搜索角色并不容易。我查看了一些CSS，发现了这个 这是什么意思？ 问题答案： 该选择器实际上是[通用同级组合器（在选择器级别4中重命名为后续同级组合[器）： 通用同级组合器由分隔两个简单选择器序列的“波浪号”（U+007E，〜）字符组成。这两个序列所表示的元素在文档树中共享相同的父对象，而第一个序列所表示的元素在第二个所表示的元素之前（不一定紧接）。 考虑以下示例： 与第4个和第5个列

问题内容： 如何使用CSS创建圆角？ 问题答案： 自从引入CSS3以来，使用CSS添加圆角的最佳方法是使用border-radius属性。您可以阅读有关该属性的规范，或获取有关MDN的一些有用的实现信息： 如果您使用的浏览器未 实现 border-radius（Chrome v4之前的版本，Firefox v4之前的版本，IE8，Opera v10.5之前的版本，Safari v5之前的版本），则

问题内容： 我试图在ID或类’B’的元素中选择类’A’的第一个元素。我尝试了> +和第一个子选择器的组合，因为它不是类元素’B’中的第一个元素。它起作用了，但是…我试图覆盖一些默认的CSS，并且我无法控制服务器端，似乎类’A’元素有时在不同的位置生成。这是一个例子： 有时，“ B”类的名称有所不同，“ A”之前的元素也有所不同。那么，有什么方法可以选择元素“ C”中首次出现的“ A”吗？因为“ C

问题内容： 我看到一些新网站在其网站上使用自定义字体（常规Arial，Tahoma等除外）。 并且它们支持大量的浏览器。 怎么做到的？同时，如果可能的话，还会阻止人们自由下载字体。 问题答案： 通常，您可以在CSS中使用自定义字体。这是一个非常基本的示例： 然后，简单地在特定元素上使用字体： （是您的选择器）。 请注意，某些字体格式并非在所有浏览器上都有效；您可以使用fontsquirrel.co

问题内容： 我正在使用iPad HTML5应用程序，并且已经实现了ontouch支持以更快地触发事件，并且我使用jQuery来更轻松地定位元素，但是对于动画，我使用的是CSS3过渡 您觉得更快吗？使用jQuery动画，因为我已经导入了库或在使用jQuery定位元素时使用CSS3过渡？ 问题答案： jQuery动画要比CSS动画慢得多。 原因 可能是因为jquery必须使用计时器和循环来修改DOM元

问题内容： 许多博客都表示，通过“ 加速”GPU来提高动画和过渡的速度，可以认为元素是3D，从而提高了性能。我想知道以下列方式使用此转换是否有影响： 问题答案： CSS转换会创建一个新的堆栈上下文并包含该块，如规范中所述。用简单的英语来说，这意味着对固定位置的元素应用了转换后，它们的行为将更像是绝对定位的元素，并且值很可能会被拧紧。 如果您看一下这个演示，您将明白我的意思。第二个div应用了转换，

问题内容： 我有一组元素，要求它们的最小宽度等于它们的高度，但是高度没有明确设置。目前，我可以通过jQuery 设置css 属性来实现此目的： 是否可以直接在CSS中指定此行为？ 问题答案： 我不相信没有JS，这是不可能的，但是也许有人可以证明我错了？ CSS不允许您使用动态变量，因此，如果在页面加载之前未设置高度，我不确定该怎么做。

问题内容： 我正在将此CSS用于a的背景不透明度： 在Firefox中工作正常，但在IE 8中工作不正常。如何使它工作？ 问题答案： 创建一个大于1x1像素（感谢三十点）且与背景的透明度匹配的png。 编辑：为了支持IE6 +，可以为png指定bkgd块，这是一种颜色，如果不支持，它将替换真正的alpha透明度。您可以使用例如gimp修复它。

问题内容： 我以前使用过CSS，但遇到过以下CSS样式，不知道它的作用。 问题答案： a[href^=”http:”] 选择属性值以开头的元素。 例如： 将符合以下条件：

问题内容： 在CSS中，我可以执行以下操作： 但我不知道如何将其更改为： CSS有可能吗？ 如果是，如何在不显式指定高度的情况下做到这一点（让内容增加）？ 问题答案： 弹性盒 假设这种布局： 对于flexbox，等高列只是一个声明： 表格布局 如果仍然需要支持IE 8或9，则必须使用表布局：

问题内容： 以下CSS规则有什么作用： 为什么我们需要使用它？ 问题答案： 我不会在这里详细解释浮点数的工作原理，因为这个问题通常集中在“ 为什么要使用或到底有什么作用”方面。 我将简单，直截了当地回答这个问题，并以图形方式向您解释为什么需要这样做或做什么…… 通常，设计人员将元素向左或向右浮动，从而在另一侧创建一个空白空间，该空间允许其他元素占用剩余空间。 为什么它们浮动元素？ 当设计人员并排需

问题内容： 是否可以使用CSS设置背景图片的大小？ 我想做类似的事情： 但是这样做似乎是完全错误的… 问题答案： CSS2 如果需要放大图像，则必须在图像编辑器中编辑图像本身。 如果使用img标签，则可以更改大小，但是如果您需要将图像作为其他内容的背景，那将无法达到预期的效果（并且它不会像您想要的那样重复出现）… CSS3 释放力量 在CSS3中使用可以做到这一点。 所有现代的浏览器都支持此功能，