《css》专题

问题内容： 假设我想要一种只显示HTML中250x250像素的图像的中心50x50像素的方法。我怎样才能做到这一点。另外，有没有办法对css：url（）引用执行此操作？ 我知道CSS中的 clip ，但这似乎仅在与绝对定位一起使用时才起作用。 问题答案： 一种方法是在容器（td，div，span等）中将要显示的图像设置为背景，然后调整背景位置以获取所需的精灵。

问题内容： 在无序列表中： 允许添加class或style属性，但不允许填充文本以及添加或更改标签。 该页面正在使用Courier New呈现。 目标是在跨度后排列文本。 “ OR”的理由并不重要。 懒惰的动物文字可能包含在其他元素中，但我必须仔细检查。 问题答案： ul { 就像Eoin所说的那样，您需要在“空”跨度中放置一个不间断的空格，但是您不能为内联元素分配宽度，只能填充/边距，因此您需要

问题内容： 调整在管理面板中设置的图像大小时出现问题。 然后我尝试删除height: 100px似乎可以解决问题的属性，但是由于某种原因关闭了一张图像 问题答案： 如果您不希望图像拉伸，则应固定一个尺寸，而将另一个尺寸设为auto。（这将保留图像的长宽比） 请参阅下面的示例，其中width在height自动调整时保持不变： 请参阅下面的示例，其中height在width自动调整时保持不变：

问题内容： 如何使用Javascript 添加CSS规则（例如）？ 问题答案： 您也可以使用DOM Level 2 CSS接口（MDN）执行此操作： …（除了（自然地）IE8和更早版本以外的所有版本），它使用自己的边际差异措辞： 与createElement-set- innerHTML方法相比，此方法具有理论上的优势，因为您不必担心在innerHTML中放置特殊的HTML字符，但实际上，样式元素

问题内容： 我尝试建立一些通用的边距/填充混合… 这是我的代码： 某些事情不正确，所以我想知道是否可以将一些CSS属性设置为mixin值吗？有人可以帮忙吗？ 问题答案： 如果要使用变量作为属性名称，则需要使用 字符串插值 - 。 所以这应该工作： 只需注意： 对于属性选择器… 也将适用于其中的属性选择器 …因此也许您应该重新考虑一下。

问题内容： width: attr(data-width); 我想知道是否可以使用设置CSS5 的相同方法使用HTML5的属性来设置CSS值。目前不起作用。 的HTML 的CSS 问题答案： 实际上，确实有此类功能的预定义 这个应该可以按照您的需要工作，但暂时不会。 不幸的是，它仍然是草案，并且尚未在主要浏览器上完全实现。 不过，它确实适用于伪元素。

问题内容： 对css和纯粹的开发人员了解不多，但是有些无法解决的 困惑却使我无法解决 我正在使用带有一些Jquery灯箱效果的表单，该表单带有和 在我的css文件中，我看到了以下条目 但是，当此表单显示为jquery弹出窗口时，它会在Mozilla中正确显示，但在Google chrome和IE上，该框不能像部分表单那样正常显示，而是作为滚动条显示。 当我通过萤火虫（第一次使用:)看到它时，它向我

问题内容： 是否可以为元素定义CSS样式，仅在匹配的元素包含特定元素（作为直接子项）时才适用？ 我认为最好用一个例子来解释。 注意 ：我正在尝试设置 父元素的样式 ，具体取决于其包含的子元素。 注意2 ：我知道我可以使用javascript来实现，但是我只是想知道是否可以使用一些（对我而言）未知的CSS功能。 问题答案： 据我所知，基于子元素设计父元素的样式不是CSS的可用功能。您可能需要为此编写

问题内容： 有没有一种方法可以检测元素的“ display” css属性是否已更改（更改为none还是block或inline-block …）？如果没有，有插件吗？谢谢 问题答案： 注意 Level-2-Events/events.html#Events-eventgroupings-mutationevents)；其中之一-DOMAttrModified 是您需要的。当然，它们并未得到广泛实施

问题内容： 我在一个响应式网站上工作，遇到一个有趣的问题。我并排有一些div。可能有2到6个左右的任何地方。当屏幕的宽度不足以正确显示所有内容时，div将垂直堆叠。使用CSS足够简单。 我可以使用并手动设置位置，但是这会使父级缩小并且不能正确包含它们。 更复杂的是，我不能使用JavaScript。 使用两列： （未试） HTML： CSS： HTML，有4列： 问题答案： 得益于出色的flexbo

问题内容： 一个棘手的CSS选择器问题，甚至不知道是否可能。 可以说这是HTML布局： 我想选择显示的最后一个（即不是），在给定示例中将是第三个。请注意，实际页面上的s 数量可能会有所不同（甚至是个数）。 问题答案： 您可以使用JavaScript或jQuery选择并设置样式，但是仅CSS不能做到这一点。 例如，如果您在网站上实现了jQuery，则可以执行以下操作： 尽管希望您将在选择的div周围

问题内容： 我有一个用CSS3进行动画处理的条形图，当前该动画在页面加载时激活。 我的问题是，由于之前有很多内容，因此给定的条形图不在屏幕上，因此当用户向下滚动到该条形图时，动画已经结束。 我正在寻找通过CSS3或jQuery仅在查看者看到图表时激活条形图上的CSS3动画的方法。 如果在页面加载后立即快速向下滚动，则可以看到该动画。 另外，我不知道这是否重要，但是我在页面上有此条形图的多个实例。

问题内容： 元素是否触发了任何事件来检查css3转换是否已开始或结束？ 问题答案： W3C CSS过渡草案 CSS Transition的完成将生成相应的DOM事件。将为每个经历过渡的属性触发一个事件。这使内容开发人员可以执行与转换完成同步的操作。 要确定转换何时完成，请为在转换结束时发送的DOM事件设置一个JavaScript事件监听器函数。该事件是WebKitTransitionEvent的实

问题内容： 因此，我为主页创建了一个滑块，该滑块使用jQuery滑动了一些带有标题和预告文本的图像。一切正常，我去检查IE，发现IE 6和IE 7完全杀死了我的滑块CSS。我不知道为什么，但是由于某种原因，我无法隐藏带有溢出的非活动幻灯片。我试图来回调整css，但是还无法弄清楚是什么原因引起的。 我在一个更加孤立的html页面中重新创建了该问题。 我已经找到了 关于导致溢出的ul元素：隐藏不起作用

问题内容： 我是CSS的新手，并使用它来更改文本的样式和格式。 我现在想用它来插入文本，如下所示： 我希望我能表现为： 乔的任务：协调所有条目 即，仅由于属于“所有者Joe”类，我希望显示文本。 我可以用类似的代码来做到这一点： 但这对于指定类和文本来说似乎是多余的。 有可能做我想要的吗？ 编辑 一个想法是尝试将其设置为ListItem ，其中“项目符号”是文本“ Joe’s Task”。我看到了