《css》专题

问题内容： 我在这里遇到了这个奇怪的CSS代码： 我以前从未见过这样的CSS属性名称，也找不到有关它们的信息。但是浏览器检查器（在Chrome，Safari和Firefox中进行了检查）说它们是有效的CSS属性，因此它必须是CSS标准。 我试图添加我自己的属性，并且它是有效的： 这些属性是做什么的？CSS标准描述了什么？在哪里可以找到有关它的参考？ 问题答案： 双引号用于定义自定义属性。 来自W3

问题内容： 我正在寻找一些最小化CSS和JS文件的应用程序或网站。理想情况下，他们可以一次全部批处理，如果不是，则一次批处理。 问题答案： YUICompressor同时执行JavaScript和CSS。我不确定是否可以发送一批文件。 您 可以 在YUI CompressorOnline（yui.2clics.net）上批处理，尽管该版本仅接受JavaScript。另一个在线YUI压缩器（refr

问题内容： 有什么方法可以在CSS中使用条件语句？ 问题答案： 否。但是您能举例说明您的想法吗？您要检查什么 状况 ？ 也许Sass或Compass对您来说很有趣。 引用萨斯的话： Sass使CSS再次变得有趣。Sass是CSS，加上嵌套的规则，变量，mixin等，所有内容都以简洁易懂的语法表示。

问题内容： 我有一个如下所示的div页面 样式 我想调整div的高度以填充（或拉伸到）整个div （标有绿色边框），并且不想越过页脚divD。我该如何解决？ 问题答案： 只需添加到造型。应该没有必要。

问题内容： 我有一个可以在悬停时改变大小的盒子。但是，我想延迟mouseout阶段，以便在恢复旧尺寸之前，该框将新尺寸保留几秒钟。 是否可以只使用CSS3而无需Javascript？我只需要关心支持 webkit 。 问题答案： div { width: 70px; -webkit-transition: .5s all; -webkit-transition-delay: 5s; -moz-tr

问题内容： 我必须在CSS中实现以下圆圈和线条组合，而且我正在寻找有关如何有效实现这一点的指针。圆和线应如下所示： 我能够像这样实现圈子： 但是这些线条对我来说很难理解。 圆的大小根据是否为活动步而变化，连接圆的线的颜色也根据状态而变化。我将如何完成？ 问题答案： 您可以使用伪元素和相邻的同级选择器（~）来实现此效果，而无需额外的标记：

问题内容： 您好，我正在尝试制作一个不可见的按钮（仍可操作且可单击），因为我的按钮样式嵌入在背景中，我不想切成薄片，而是从一开始就做所有。 因此，我只想制作一个按钮，将其放在应该放置按钮的背景部分上，使其不可见，以便可以看到并单击背景按钮图像。 有什么建议么？非常感谢你！ 问题答案： 您必须对元素使用以下属性以使其透明。 没有文字的透明按钮 带有可见文本的透明按钮 并使用绝对值定位元素。 例如 您

问题内容： 根据CSS文档： 特异性是由选择器中的属性和伪类的数量定义的。 因此，我的问题是，是否可以通过一遍又一遍地重复相同的类名来提高特异性？ 例如： 将 具有更高的特异性 要么 ？ 问题答案： 是的，有可能并且有意这样做。尽管CSS2规范中未提及，但Selectors3规范中明确提及： 注意： 允许同一简单选择器重复出现 [sic] ，并且确实增加了特异性。 因此，浏览器在遇到重复的简单选择

问题内容： 我想在浏览器窗口的中心显示一个固定宽度的表。现在我用 但是Visual Studio 2008在此行发出警告： 属性“ align”被认为已过时。 建议使用较新的构造。 我应将哪种CSS样式应用于表格以获得相同的布局？ 问题答案： 从理论上讲，史蒂文是对的： 使用CSS将表格居中的“正确”方法。如果左右边距相等，则符合标准的浏览器应将表格居中。实现此目的的最简单方法是将左右边距设置为“

问题内容： 如何在HTML顶部重复此1px x 1px CSS背景图像？ 我在[其他包含的元素之上遇到了CSSshowdiv背景图片，但是似乎需要额外的div。理想情况下，我希望我根本不必使用div，但是根据HTMLimg上的[CSS背景图像这实际上是不可能的，至少对于100％宽度响应的场景而言并非如此。 问题答案： 您可以使用伪元素。在此示例中，伪元素 相 对于父元素绝对定位。它采用整个父元素的

问题内容： 这是问题所在。我有一张图片： 注意未指定高度或宽度。 在某些页面上，我只想显示一个缩略图。我无法更改html，因此我使用以下CSS： 哪一个（在大多数浏览器中）制作的页面具有统一的宽缩略图，所有缩略图均保留长宽比。 但是在IE6中，图像仅按CSS中指定的尺寸缩放。它保留了“自然”的高度。 对于所有建议，我将非常感谢，但我想指出一点（由于所选平台的客户端的局限性），我正在寻找不涉及修改h

问题内容： 我在长度为4+的div内有一系列文章，没有任何四舍五入的行标记。我需要将其表示为每行3个文章（列）的表格，大概用display: grid。每篇文章都有一个页眉，一个节和一个页脚。 如何 在每行文章的内部为每个页眉实现相等的高度，为每个部分提供相等的高度以及与文章底部对齐的相等高度的页脚？可能吗 我应该使用display: table吗？ PS我需要根据屏幕宽度动态更改每行的文章数。谢

问题内容： 我想说的是，我在这里阅读并尝试了多种说明： 我想让我的页面根据所使用的设备使用不同的CSS文件。我已经看到了许多解决方案，都使用了上述某种形式。 但是，在HTC Desire上进行测试时，我始终可以得到iPad专用的输出或完全未过滤的输出。目前，我的测试代码基于： 这是我的HTML文件： 这是iPad的Landscape CSS文件（我在这里只提供它们，因为它们基本上是相同的： 我想知

问题内容： 我正在使用ASP.NET MVC开发站点。CSS文件已增长到88KB，并且有5,000行多一点。我最近注意到，最后添加的样式在浏览器中不存在。CSS文件或行数有大小限制吗？ 编辑 ：对不起，我忘记提及此问题在Windows 7中同时在FireFox和IE8中发生。 问题答案： 我认为，如果您对CSS文件的大小有疑问，那么该是 重新考虑样式策略的时候了 。CSS中的C代表级联。通常，当C

问题内容： 因此，首先要设置场景： HTML CSS 这将在所有现代浏览器中生成如下所示的内容： CSS内部宽度测试，显示内箱超出了容器 现在，我知道这是符合标准的行为（正如我之前所知道的，但在本文中再次确认，并且我还知道是否在内部CSS声明中包含以下代码： …它将采用“边界框”模型，并得到对我来说似乎更直观的行为，但我只是发现自己试图从逻辑上论证为什么这样做是合理的，而我却无法做到。 对于我来说