CSS 折叠边距：它们的目的是什么？

CSS2盒子模型告诉我们相邻的垂直边距会折叠。我觉得这很烦人，因为它是许多设计错误的根源。我希望通过了解折叠边距的目的，我将了解何时使用它们以及如何在不需要时避免它们。此功能的目的是什么？

P粉318928159来自于 2023-10-25 19:38:51 0  1  857

获取使用类似calc表达式的CSS变量的计算值

在JavaScript中，您可以使用getPropertyValue(property)获取CSS变量的值。此函数对于检索:root块中声明的变量很有用。:root{--example-var:50px;}但是，如果此变...

P粉111627787来自于 2023-10-25 09:39:36 1  2  1227

对齐表格中数字的小数点，并在单元格中出现伪“中心”对齐

我想要一个包含一列十进制数的表格，小数点前后的长度不同，并且小数点全部对齐。列宽必须具有“流动”大小，并根据需要进行扩展，以容纳任何数据单元格中的非常长的数字，或者与该列相关的非常长的标题。包含整数（无小数点）的单元格仍...

P粉373990857来自于 2023-10-24 13:01:47 0  1  1034

为什么 nth-of-type/nth-child 对嵌套元素不起作用？

我正在尝试更改div内的奇数div的样式。由于某种原因，当nth-of-type(odd)位于另一个div内时，它会影响我的所有div。这是我的常规div和奇数div的代码：.video-entry-summary{wi...

P粉203792468来自于 2023-10-23 10:39:24 0  1  830

带有透明半圆切口的 Div

我想仅使用CSS3制作一个透明的切出半圆形形状。唯一的要求是形成形状的所有元素必须是黑色或透明。我不能使用上面有一个白色圆圈的黑色矩形，因为半圆必须是透明的并让背景显示出来。所需形状：

P粉022285768来自于 2023-10-22 17:51:09 0  2  874

如何在 SVG 中制作插入阴影

我需要制作一个带有内嵌阴影的盒子，就像CSS3具有内嵌盒子阴影一样。到目前为止我发现的是一个带有feGaussianBlur的滤镜，但问题是它还在框外添加了阴影，这是我不想要的。这是我到目前为止得到的代码：<svg...

P粉311089279来自于 2023-10-21 15:57:11 0  2  1034

收缩容器以适应包裹的子元素

我试图弄清楚flexbox如何工作（应该工作？...）对于如下情况：.holder{width:500px;background:lightgray;display:flex;flex-direction:row;jus...

P粉182218860来自于 2023-10-21 10:33:50 0  2  802

自动扩展文本区域

我正在尝试做一个简单的自动扩展文本区域。这是我的代码：textarea.onkeyup=function(){textarea.style.height=textarea.clientHeight+'px';}但是文本区...

P粉245489391来自于 2023-10-21 08:49:23 0  2  852

JavaScript 允许访问 CSS 自定义属性（也称为 CSS 变量）

如何使用JavaScript（普通或jQuery）获取和设置CSS自定义属性（通过样式表中的var(…)访问的属性）？这是我不成功的尝试：单击按钮会更改通常的font-weight属性，但不会更改自定义--mycolor...

P粉420868294来自于 2023-10-20 22:42:04 0  2  637

如何让最后一行的项目占用CSS Grid中的剩余空间？

有没有办法强制网格最后一行中的所有项目填充该行，无论它们有多少？我不知道网格中的项目数量，因此无法直接定位它们。我尝试使用grid-auto-flow:ensemble，但它并没有真正帮助。这是我的问题可视化：：div{...

P粉434996845来自于 2023-10-20 20:39:37 0  1  1178

如何为每一页打印设置边距/填充（HTML/CSS）？

我的页面上有很多内容，但我无法控制它在哪里中断。我在每个页面上使用position:fixed作为页眉/页脚放置了一些内容，但它与文本重叠。我尝试通过以下两种方式使用边距和填充来解决重叠问题。当我使用@page添加边距时...

P粉937769356来自于 2023-10-20 17:34:03 0  1  1149

是否可以将 :nth-child() 或 :nth-of-type() 与任何选择器结合使用？

是否有办法选择与任意选择器匹配（或不匹配）的第n个子元素？例如，我想选择每个奇数表行，但在行的子集中：table.myClasstr.row:nth-child(odd){...}<tableclass="...

P粉896751037来自于 2023-10-20 17:04:56 0  2  1072

解码 CSS 选择器的优先级/特异性

我想了解CSS选择器如何处理属性冲突。如何选择一个属性而不是另一个属性？div{background-color:red;}div.my_class{background-color:black;}div#my_id{b...

P粉715274052来自于 2023-10-19 22:58:19 0  2  608

定制Bootstrap 4的网格系统断点

我有一个应用程序，其中设计需要分别从台式机到平板电脑或xl到lg的1280断点。然而，Bootstrap本身在1200处有xl断点。我需要全局更改xl断点以进行引导。我是否必须从源文件重新编译Bootstrap4？我尝试...

P粉696891871来自于 2023-10-18 23:01:50 0  2  986

是否可以向 SVG 路径添加渐变？

我想在我的网站上放置一个由脚本触发的简单加载指示器。它应该是一个简单的圆弧，有渐变并且在用户等待时旋转。我还没有尝试过动画部分，但现在陷入了静态样式。这是我到目前为止所得到的：<svgversion="1...

P粉402806175来自于 2023-10-18 14:55:02 0  2  944