《css》专题

问题内容： 假设规则如下： 有没有办法以某种方式获得“ 65％”的回报，而不是像素值？ 谢谢。 编辑： 不幸的是，在我的情况下，使用DOM方法是不可靠的，因为我有一个导入其他样式表的样式表，因此 cssRules 参数最终以 null 或 未定义的 值结尾。 但是，这种方法在大多数直接的情况下都可以使用（一个样式表，文档的 head 标记内的多个单独的样式表声明）。 问题答案： 恐怕没有内置的方法

问题内容： 我已经使用重置CSS样式集已经有一段时间了，每次我创建一个新网站时，重置最让我烦恼的就是重置ap标签边距和填充。我知道为什么，但是我想知道ap元素上应使用什么“默认”填充和/或边距？ 我猜想这在浏览器之间是不一致的，通常需要针对每个站点进行调整，但是是否存在一组最常见的边距和/或填充值？ 短版：是（例如）5px的边距 和 顶部 和 底部的填充…还是其他？ 问题答案： 在CSS2.1规范

问题内容： 像大多数Web开发人员一样，我偶尔也喜欢查看网站的来源，以了解其标记的构建方式。Firebug和Chrome开发者工具之类的工具使检查代码变得容易，但是如果我要复制一个孤立的部分并在本地使用它，则复制所有单个元素及其关联的CSS 会很痛苦。 保存整个源代码并剪切不相关的代码可能需要做很多工作。 如果我可以在Firebug中右键单击一个节点并具有“为该节点保存HTML + CSS”选项，

问题内容： 我担心和。Gecko（Firefox）和Presto（Opera）不支持它们，但是Webkit（Chrome，Safari）支持… 有人知道（有官方参考资料）这是否（或将）包括在标准中？ 问题答案： 并已成为“背景和边框”标准第4级的一部分。 解决：background-position-x / -y，background-repeat-x / -y批准用于4级背景和边框。

问题内容： 为什么百分比值不起作用，但是百分比值却起作用呢？ 端部的宽度为视口的80％，但端部的高度为0。 问题答案： 块元素的高度默认为块内容的高度。因此，给定这样的东西： 将生长到足以容纳段落的高度，并且将生长到足以容纳段落的高度。 当您将高度或宽度指定为百分比时，这是相对于元素父级的百分比。对于宽度，除非另有说明，否则所有块元素的宽度一直与其父元素一样，一直到；因此，块元素的宽度与它的内容无

问题内容： 无论如何，是否可以使用Sass的命令导入常规CSS文件？虽然我没有使用sass的所有SCSS语法，但我仍然喜欢它的合并/压缩功能，并且希望能够在不将我的所有文件重命名为* .scss的情况下使用它 问题答案： 对于libsass（C / C ++实现），导入的工作方式与文件相同-只是省略扩展名： 这将导入。

问题内容： 我一直非常依赖CSS来开发我正在工作的网站。现在，所有CSS样式都在每个标记的基础上应用，因此现在我尝试将其移至更多外部样式中，以帮助将来进行任何更改。 但是现在的问题是，我注意到我遇到了“ CSS爆炸”。对我来说，决定如何最好地组织和抽象CSS文件中的数据变得越来越困难。 我正在从大量基于表格的网站中使用网站中的大量标签。因此，我得到了许多如下所示的CSS选择器： 还算不错，但是作为

问题内容： 有了所有新的CSS3边框，现在可以在字体中添加边框了吗？（就像蓝色的Twitter徽标周围的纯白色边框一样）。如果不是，是否有任何不太丑陋的骇客会在CSS / XHTML中完成此任务，还是我仍然需要启动Photoshop？ 问题答案： 正确的答案是： 这将从四个侧面设置四个相同类型的阴影。

问题内容： test1 test2 test3 test4 如何选择班级名称为“ 名单的 最后一个孩子” ？ 我知道上面的示例不起作用，但是有什么类似的方法可以起作用吗？ 重要： a）我不能使用，因为它可能也排在第四或第五位。 b）没有JavaScript。 问题答案： 我建议您利用可以为一个元素分配多个类这样的事实： 最后一个元素具有与其兄弟姐妹相似的类，但也具有可用于设置所需的任何CSS属性的

问题内容： 我注意到有些属性是在CSS中继承的，而有些则不是。例如，text-size属性是继承的，但是padding和margin不被子块继承。那么如何确定哪些属性是继承的，哪些不是？ 问题答案： 这是所有可继承属性的列表。我正在使用W3C的信息，所以我认为它 应该 是正确的。但是了解网络浏览器（特别是IE）后，其中一些可能并非所有浏览器都可以继承：

问题内容： 假设我有几列，我想旋转其中的一些值： 使用此CSS： 问题答案： 假设您希望旋转90度，即使对于非文本元素也可以旋转-但是像CSS中许多有趣的事情一样，它需要一些技巧。根据CSS 2规范，我的解决方案还会从技术上调用未定义的行为-因此，尽管我已经测试并确认它可以在Chrome，Firefox，Safari和Edge中使用，但我不能保证将来不会损坏浏览器版本。 Short answer

问题内容： 4年前关闭。 我有个问题。我找到了向下箭头（↓）的HTML代码 凉。现在，我需要像这样在CSS中使用它： 这显然是行不通的，因为它是HTML符号。有关在CSS中使用的这些“转义的unicode”符号的信息似乎较少。我发现了其他类似的符号，但没有箭头。箭头代码是什么？ 问题答案： 为什么不只是将CSS文件保存/保存为UTF-8？ 如果这还不够好，并且您想保留全部ASCII格式： 一个字符

问题内容： 有很多旧文本，例如2002年这本书，指出我们必须使用“ CSS for Web”和“ XSL-FO for print”。我认为，在当今（2012年），我们最终可以将CSS与渲染引擎一起使用，这些引擎能够理解CSS2和CSS3的分页媒体 ……但是，“新文本”，程序员的共识以及软硬件的投资又在哪里？ XSL-FO或“ XSL格式设置对象”（W3C标准）是从XML或XHTML内容生成PDF

问题内容： 似乎在IE中，宽度包括填充大小。而在FF中，宽度没有。如何使两者的行为相同？ 谢谢。 问题答案： IE曾经使用更方便但非标准的 “边框” 框模型。在此模型中，元素的宽度包括填充和边框。例如： 会很宽。 相反，所有违反标准的浏览器都默认使用 “内容框” 框模型。在此模型中，元素的宽度 不 包括填充或边框。例如： 实际上将是宽的：+ 每边填充，+ 每边边框。 如果您使用具有有效标记，良好d

问题内容： 我有一堆带有类名的元素，但是我似乎无法使用以下CSS规则选择第一个元素： 该选择器有什么问题，我该如何纠正？ 多亏了这些评论，我才知道该元素必须是其父元素的第一个子元素才能被选中，而事实并非如此。我具有以下结构，并且该规则失败，如注释中所述： 我该如何针对上课的第一个孩子？ 问题答案： 这是作者误解工作方式的最著名例子之一。在CSS2介绍，该伪类表示其父的第一个孩子。而已。有一个非常普