《css》专题

问题内容： 要格式化我使用的段落，但是我有一个问题，单词之间有很大的间隔，对于IE，解决方案是使用，但是Chrome不支持此功能，我的问题是我应该对Chrome和Firefox使用什么 问题答案： 考虑使用连字符（手动，CSS，服务器端或客户端JavaScript），请参见例如答案。是否可以使用CSS在行尾加连字符来证明文本的正确性？当文本中的单词较长时，连字符会很有帮助。 您仍然可以保留，因为它

问题内容： 假设一个父div有两个子div，一个包含文本，另一个包含已知（但可变）宽度和高度的图像。 我想要 第一个子（包含图像）的div的宽度缩小以适合图像的宽度（我可以这样做） 父div（未指定宽度）缩小以适合包含图像的div的宽度（也可以） 包含文本的第二个子div（也具有未指定的宽度）以匹配父div的宽度，而不管其包含的文本数量如何（这是棘手的地方）。 我有一个工作版本可以满足我的要求，

问题内容： 我刚刚发现，浮动元素也会使其成为一个块，因此指定float属性和 display：block 是多余的。 （如果您尝试指定 display：inline 和 float：left 会发生什么？） 还有其他需要注意的冗余组合示例吗？块和宽度？等等， 有没有可以检查这种情况的工具？ 问题答案： 我刚刚发现，浮动元素也会使它成为一个块，因此指定一个属性是多余的。 是的，如果已指定（或），则是

问题内容： 任何样式都会影响每个输入元素。有没有一种方法可以指定仅应用于复选框的样式，而无需将类应用于每个复选框元素？ 问题答案： 使用CSS 2，您可以执行以下操作： 到目前为止，这应该得到广泛的支持。

问题内容： 我已经做了一些Google搜索，但到目前为止，我还没有找到任何能回答我有关CSS顺序或重要性的问题的信息。 例如，内联优先于外部。得到它了。在外部添加！important可以覆盖内联。而且，从我曾经教过的所有知识来看，较新的样式会覆盖较早的样式。所以： 将呈现14pt的字体大小。但这并非总是如此。有时我想定义如下样式： 然后在CSS中： 但这并不总是有效。在哪里可以看到重要性顺序，因为

问题内容： 当您将鼠标悬停在某个元素上时，我会旋转它。悬停时，动画将停止。简单： 但是，当您将鼠标悬停时，动画会突然停止，恢复为0度。我想重新设置动画位置，但是在语法设计上遇到了一些麻烦。 任何输入都会很棒！ 问题答案： 解决方案是在.elem中设置默认值。但是此动画可以与-moz一起正常使用，但尚未在-webkit中实现 它可以在Firefox上正常运行，但不能在Chrome上运行

问题内容： 我有一个服务器端组件，该组件使用固定宽度生成流畅的布局“工具栏” ，并在其中生成许多布局。 然后，我需要自定义该布局，以使所有标签自动适应父级宽度。但是子级的数量是可变的，并且父级的宽度未知（它自动适合窗口）。 但是我找不到使它动态的方法（取消注释最后一个标签以查看它如何工作，大声笑）。 我不能更改服务器端源来使固定宽度的HTML gerenate。而且我真的很想仅通过CSS来解决它，

问题内容： 有没有办法从CSS（3）插入HTML元素，dom或代码？ 问题答案： 内容（用于文本而非html）： 但是要明确一点，这是不好的做法。它在整个浏览器中的支持都是不稳定的，通常不是一个好主意。但是在确实需要使用它的情况下，它确实存在。

问题内容： 我有一个图像，并将其在我的网页（JavaScript）上移动，如下所示： 不幸的是，除Chrome之外，所有浏览器的性能都非常差。瓶颈在于渲染速度。我对IE没有希望，但是至少我要改进Firefox。与样式更改相比，有人在移动图像时具有HTML5 Canvas性能的经验吗？ 问题答案： 我已经创建了等效的测试来比较通过CSS移动图像和在HTML画布上绘制图像的帧速率。 如你看到的： 与重

问题内容： 我最近正在更新CMS网站，并且标签导航插件已插入以下标记： 我一直以小写形式编写CSS选择器，因此当我尝试使用设置样式时，它将不适用，但可以使用。 这些年来，令我感到惊讶的是，我之前从未遇到过这种情况，因此，我一直给人以CSS不区分大小写的印象。CSS始终区分大小写吗，由于我始终如一的代码风格，我只是没有注意到它？ 问题答案： CSS本身不区分大小写，但是HTML（类和id）的选择器区

问题内容： 我有以下具有轻松效果的css3过渡： HTML CSS 如果我将p#myId选择器更改为pCSS，它将起作用（按钮 在悬停时会上升），否则不会起作用。 问题答案： 问题是，选择处理您的:hover行为具有较低的 特异性比默认行为（规则p#id选择器）。 改变这个 to this 将解决问题： Running example 您还可以将ID应用于父对象（例如说 ），然后使用

问题内容： 我正在尝试在媒体查询中使用CSS变量，但它不起作用。 问题答案： 从规格， 该函数可以代替元素上任何属性中值的任何部分。该函数不能用作属性名称，选择器或除属性值之外的其他任何东西。（这样做通常会产生无效的语法，否则将产生其含义与变量无关的值。） 所以不，您不能在媒体查询中使用它。 这是有道理的。因为您可以将例如设置为，即元素，然后从那里继承其他元素。但是媒体查询不是元素，它也不继承自，

问题内容： 在这个例子中；我正在尝试使用css3 rotation属性创建一个jQuery动画。我可以使用css3 和jQuery 管理此动画，但我想根据我的jQuery版本使用jQuery 来旋转deg值。 可以在jQuery 1.8.0中使用具有CSS3属性值的动画吗？ jQuery： HTML： 编辑：删除了供应商前缀，例如。感谢KevinB。 问题答案： 可能，但并不容易。 这基本上会创建

问题内容： 我是CSS的新手，有一个简单的登录表单，试图正确对齐。基本上是两列，一列带有标签和“ 登录” 按钮，另一列是文本框。如何在CSS中做到这一点？ HTML代码是： 问题答案： 这是一种有效的方法： 调整尺寸和边距以适合您的用例和美观。

问题内容： 我知道，如果要确保某些CSS3功能在任何地方都可以使用，我们需要使用W3C推荐的前缀版本，例如： 我知道这些前缀用于实验功能，但为什么有必要？他们为什么不在原始W3C上测试它们？每个CSS3功能是否都为每个浏览器都具有或具有前缀，或者如果他们认为应该的话，他们只是创建带前缀的版本？ 问题答案： 供应商前缀的最初目的是使供应商能够添加自己的非标准功能以供其CSS实现使用。但是，它们中的大