《css》专题

问题内容： 我想制作这个UI，每个都是div。标头高度为30像素。页脚为30px。但是我不知道内容的高度。我需要使用用户框架进行计算。 总高度应为100％。 我可以用纯CSS做到吗？ 问题答案： 使用flexbox，这很容易实现。 将包含3个隔层的包装器的高度设置为或。包装器的高度将填满整个高度，这将使该包装器的所有子级具有适当的flex-properties（例如），由flexbox-magic

问题内容： CSS如何确定何时将一种样式应用于另一种样式？ 我已经遍历了W3CSS3选择器文档几次，这帮助我了解了如何在jQuery中更好地使用CSS选择器，但是并没有真正帮助我理解何时将一个CSS规则应用于另一个CSS规则。 我有以下HTML： 我有以下CSS： 鉴于以上所述，链接1和链接2的样式将由CSS 确定。为什么与Link 2 关联的样式没有优先级？ 显然，我可以这样解决： 但是，由于缺

问题内容： 我很难获得较低的屏幕分辨率，因为我的屏幕分辨率为1920x1080。 有谁知道如何获得屏幕分辨率的高度和宽度？ 我在1024x768分辨率上检查了我的作品，结果全部乱成一团。 问题答案： 无法从CSS获取屏幕高度。但是，从CSS3开始，您可以使用媒体查询来根据分辨率控制模板的显示。 如果要使用媒体查询基于高度进行编码，则可以定义样式表并像这样调用它。

问题内容： 我正在构建加速移动页面（AMP）模板，并且想知道是否有一种简便的方法可以切换选项卡上的CSS类。 我知道类似的东西： 但这写的是内联样式-我宁愿切换自定义CSS类，但在AMP页面上找不到示例。 与绑定看起来像是要走的路，但是使用它们给您的工具来操纵状态非常困难… 问题答案： 这可以通过完成。您可以使用隐式状态变量（例如）来跟踪当前状态。这是切换两个类和的示例：

问题内容： 我已经建立了一个仅CSS的饼图，但是我需要在每个切片之间添加空间，就好像它是一个边框一样。我试图为每个切片添加边框，但这实际上不起作用。关于如何使此CSS饼形图看起来更像下图的任何想法？ 这是我的代码： 问题答案： 首先，我将使用更少的代码来重新创建它，clip-path如下所示： 然后，您可以对元素进行翻译以创建空白： 或者，如果要创建缺失零件的效果以保持圆形（如屏幕截图所示），则必

问题内容： 我想在HTML文档中设置文本的字体样式和字体大小。 我曾经学习过，每个HTML元素都继承其父元素的样式属性。就我而言，所有的子元素都应具有size 。 但是，为什么这不是工作，，，等？ 问题答案： ，，--默认情况下，它们不会继承，但是您可以将其设置为使用CSS继承

问题内容： 我试图让CSS动画属性在完成后保留，这可能吗？ 这就是我想要实现的目标… 当用户登陆页面时，该元素应该被隐藏，在3秒钟（或任何其他时间）之后，该元素应淡入，动画完成后应留在该页面上。 这是一个小提琴尝试… 这是保存代码… 我知道如何使用jQuery ..就像这样… 问题答案： 我认为您正在寻找CSS3属性 animation-fill-mode CSS属性指定CSS动画在执行之前和之后

问题内容： 我一直在使用不同的脚本，发现除了Chrome以外，其他所有脚本都适用…这是我一直在.CSS文件中使用的不同代码。我尝试只是将浏览器名称设置为“ Chrome”，但这没有用。 问题答案： 使用以下方法检测铬： 您可以像这样包含专门用于chrome的css文件： 更新（2014-07-29）： @gillesc对于检测Chrome有一个更为优雅的建议，他在下面的评论中发布了该建议，也可以在

问题内容： 我有一个元素，其样式必须根据计算进行修改。 CSS代码： 要求是能够通过ReactJS 和通过ReactJS 更新transform属性。 如果有一种方法可以不更新类，也可以完全不使用CSS ，则也建议这样做。 问题答案： 您可以重复设置的地方比赛伪选择

问题内容： “在删除不可见的类之前，需要触发重排，以使过渡按预期进行。” 我的问题是： 1）为什么需要触发回流？ 2）我知道我们应该避免使用重排，如果确实如此，那么为什么作者建议使用重排以使过渡正常工作？ 3）除了使用回流以外，还有其他方法可以使过渡工作吗？ 谢谢。 问题答案： （有效地：“为什么我不能 轻易 在属性中使用过渡”） 简短答案 ： CSS过渡依赖于元素的 开始 或 静态 属性。将元素

问题内容： 我有以下Sass片段，其工作方式像一个超级按钮，但我想知道是否需要为我的变换属性添加前缀，如果需要，请添加前缀吗？（如果没有，为什么不呢？） 请注意，我并不是问要使用诸如autoprefixer之类的东西来帮我这样做，但是我需要添加到我的混入中以使其与最广泛的浏览器兼容吗？ 问题答案： 鉴于： 我没有问使用类似autoprefixer的东西 这取决于[您要支持的 浏览器和版本： 可以用

问题内容： 我目前在Go中工作。我在本地计算机上创建了一个Web服务器。我按照此页面上的说明在Go Web应用程序中渲染CSS，但仍然出现404错误，程序似乎无法找到我的css文件在哪里。我的目录如下。 在文件夹contains中，还包含。 我文件中的代码如下。 当我转到404页面时，找不到页面。我还使用模板来呈现html代码。模板在文件夹中 html代码如下： 问题答案： 由于您没有为文件夹指定

问题内容： 我想使用JavaScript来操纵CSS。首先，它被认为是一个不错的小脚本，可以为我的手风琴菜单尝试不同的颜色，以及来自输入字段的不同背景/标题/内容-/ …背景颜色。 我了解如何使用js获取输入值。 我了解CSS是通过使用操作，，，和。 现在，问题是我的CSS看起来像这样： 如何使用JavaScript更改此类样式的属性？ 问题答案： 无法使用JavaScript直接操作某些CSS样

问题内容： twitter引导程序代码具有许多CSS属性，最后带有一个。 例如 怎么办？ 更新 我不好说不清楚。我正在使用Bootstrap的SASS部分。 问题答案： 据我所知，Twitter Bootstrap使用LESS。另一方面，!default它实际上是Sass的一部分，用于为Sass变量（$var）提供默认值，这将使其在给定的上下文中无效， 即使在Sass中也是如此 。 此外，我!de

问题内容： 我在测试一些CSS3东西时，发现有些属性不再需要供应商前缀（至少在最新的浏览器中）。 我的下一个网站只会定位到最新的浏览器，例如IE9 / Chrome 15 + / FF8 +，因此我想知道： 是否有当前CSS3属性的列表，在其中我可以安全地删除供应商前缀？ 注意：我对自动插入带前缀属性的JS hack不感兴趣。 问题答案： 我什么时候可以使用…包含浏览器支持表，其中带有方便的指示符