《css》专题

问题内容： 我有些不清楚的地方： 1）如果只有一种颜色，并且每侧相同，就不可能直接获得div的全局边框颜色： 而不是做： 要么 要么 … 2）在CSS文件中具有样式属性时，只能通过getComputedStyle方法访问它们，而不能通过样式属性（如内联定义的样式属性）或通过div中的样式属性来访问，对吗？ 这是行不通的。 3）如果要设置样式属性，则必须使用元素的样式属性，是否无法使用计算出的样式对

问题内容： 我有一个基于flexbox的布局。两列，一列固定大小，第二列需要占用其余空间。在成长列中，我有一个字符串，希望将其剪切掉。 在Chrome中可以正常运行。但它在Firefox和IE中不起作用。我试图通过使用相对位置和绝对位置来给grow（flex item）内部元素一个宽度来修复它，但是随后我得到了一个损坏的布局。损坏与元素的高度未考虑其所有子元素有关。 注意：flex grow项目内

问题内容： 我正在尝试使用CSS中的attr（）设置元素的宽度，但是它不起作用。Chrome表示“无效的属性值”，但我不确定这是怎么回事。 我正在尝试使用属性“ prog”作为.progress div的百分比宽度。 问题答案： 这是CSS的实验性功能，至少是草案功能，根据Mozilla开发人员网络的文档，当前仅与CSS 属性兼容（在该属性中，它可以返回要放置在伪元素内的字符串），但是不能（尚未）

问题内容： 作为Web开发人员，您经常会遇到一些问题，如果有类似价值计算之类的问题，很容易解决。 我经常想知道为什么无法在CSS中执行以下操作： 例如，这将解决您想要垂直对齐元素时遇到的一些问题。现在很难使用CSS垂直对齐元素，并且会产生相当大的开销。 在您知道元素的固定高度的情况下，您不需要这样做。但是，一旦高度发生变化（较长的文字等），您就会迷上了一个元素的总高度。 使用附加的JS可以轻松解决

问题内容： 只有子元素存在时，我才能使用css选择器吗？ 考虑： 我只想在div没有至少一个子元素的情况下应用div 。 我可以使用的任何选择器吗？ 问题答案： 甚至文本节点也将导致父节点不被认为是空的，因此DIV中的UL将阻止DIV被匹配。 如果您执行脚本路线： 当然，jQuery使这样的任务变得更容易，但是这一任务不足以包含整个库。

问题内容： jquery / javascript中最快的是什么？ 要么 最好在CSS中使用什么？ 要么 我现在看到我应该更好地解释。 抱歉! 在CSS和JavaScript中，Ofceauce ID都是更快的选择器。但是有时您需要使用类，因为有多个选择器。 比如说我有我很大的html文档。在页面中间，我有： 如果我要定位所有“ myClass”。那么在定位类之前定位ID会更好吗？（这样，我就不必

问题内容： 我刚刚在Chromium上看到了 在或的情况下，我无法将元素的大小调整为小于其初始高度的高度。 在或的情况下，无法将元素的大小调整为小于其初始宽度的宽度。 我已经阅读了w3c规范，我想问题是因为这样的： 用户代理 可以 将调整大小的范围限制在适当的范围内，例如介于元素的 原始格式化大小 之间，并且必须足够大以包含所有元素的内容。 即使Chrome应用了以上段落，有没有办法做到这一点？

问题内容： 更新2： 现在在Chrome 31.0.1650.34 beta中运行下面的JSFiddle 不会 导致所描述的行为，即它不会“随着JavaScript的启动而冻结”。我只能假定他们已经将CSS转换放置在与JavaScript分开的单独线程上，以及页面的其余部分- 好消息！冻结/阻止的过渡仍会在Firefox 25.0中出现。 更新1： @IvanCastellanos提到在Andro

问题内容： 指定带有透明度的渐变颜色时，是否可以使用CSS变量，例如 问题答案： 您可以使用变量，但不能从CSS中的单个十六进制值中采样各个红色，绿色和蓝色分量。 如果您只是想将alpha分量应用于现有的RGB三元组，则可以将整个三元组指定为用逗号分隔的十进制值列表，而不是十六进制值，并将其作为单个不透明标记直接替换为函数： 如果要使用来指定和控制各个R，G和B值，则需要为每个颜色分量指定一个变量

问题内容： 我正在执行CSS转换：在父级上旋转，但是希望能够对某些子级取消此效果-是否可以不使用反向旋转？ 反向旋转确实有效，但是会影响元素的位置，并且可能会对性能产生负面影响（？）。无论如何，它看起来都不是干净的解决方案。 我尝试了这个问题的“transform：none”建议，以防止孩子继承转换css3，但它根本行不通- 问题答案： 我相信您将需要使用第二个子元素来伪造它，该规范似乎并没有允许

问题内容： 我知道有两种添加媒体查询的方法： HTML链接： CSS： 我已经阅读了文档，并且了解了这两种方法之间的明显区别。但是，以下是我有两个疑问，请问您是否可以澄清： 1）浏览器对HTML Media Link的处理方式是否不同于CSS Media Query？我的意思是，我知道是否在CSS中添加CSS媒体查询，无论如何，所有CSS文件都会下载到所有设备，并且当浏览器解释编译后的CSS时，只

问题内容： 我正在使用jQuery滑块来调整包含段落文本的DIV的填充。当我在所有方向上均等地增加填充时，它应将随附的段落强制插入页面中央越来越窄的列中。 这在Firefox中有效，但在Chrome中段落宽度保持不变（即，随着DIV的填充物压入它们，它们的宽度不会变窄），因此将布局向右推。 我在这里重新创建了这个问题。您可以在Chrome和Firefox中尝试一下以了解其区别。 关于如何强制Chr

问题内容： 是否可以定义一个最大列数的网格，但是当屏幕宽度改变时允许元素包装到新行上？ 我有隐式类，允许行包装到新行上，但是没有最大列数。 这是使用弹性盒的一种方法的代码笔 CSS： 另一种方法是使用网格 我想要一个相当通用的解决方案，没有Java脚本或媒体查询，我想实现的目标是否可能？ 问题答案： 使用flexbox，您可以简单地将a设置为容器，因为您的元素具有固定的宽度： 唯一的缺点是您需要知

问题内容： 我知道可以使用CSS3创建一个圆 可以画一条对角线吗？ 问题答案： 是的，有一种以上的可能性： 您可以使用一个元素或其他元素并将其旋转。这是一个演示： 是的，它可以在IE中实现：

问题内容： Firefox 18.0.1上的css @ -moz-keyframes动画不起作用， 我已经检查了该动画的先前版本（忘记了先前的版本号），它在起作用， 这是动画 是Firefox错误吗？ 问题答案： Firefox18（以及Opera，IE10和不久的将来的许多其他产品）期望W3C属性没有供应商前缀。确保添加以下块： 请注意，属性也已更改为。 对于所有带前缀的CSS属性，您应 始终包