Tag: w3c

如果包含另一个块元素，将块元素更改为内联CSS是错误的吗？

我知道在一个内联元素中放置一个块元素是错误的，但是下面的内容呢？ 想象一下这个有效的标记： <div><p>This is a paragraph</p></div> 现在添加这个CSS： div { display:inline; } 这创build了一个内联元素包含一个块元素的情况（div变成了内联，并且p是默认的块） 页面元素是否仍然有效？ 如何判断HTML是否有效 – 在应用CSS规则之前还是之后？ 更新：我从那里了解到，在HTML5中，将块级元素放入链接标记是完全有效的，例如： <a href="#"> <h1>Heading</h1> <p>Paragraph.</p> </a> 这实际上是非常有用的，如果你想要一个大的HTML块作为一个链接。

为什么CSS中的边距/填充百分比总是按照宽度计算？

如果您查看CSS框模型规范 ，您将观察以下内容： [margin]百分比是根据生成的box的包含块的宽度计算的。 请注意，“margin-top”和“margin-bottom”也是如此。 如果包含块的宽度取决于这个元素，那么在CSS 2.1中得到的布局是不确定的。 （重点是我的） 这确实如此。 但为什么 ？ 究竟是什么迫使任何人这样devise呢？ 很容易想到你想要的场景，例如某个东西永远比页面顶部降低25％，但是很难想出你想要垂直填充相对于水平尺寸的任何原因父母。 以下是我所指的现象的一个例子： <div style="border: 1px solid red; margin: 0; padding: 0; width: 200px; height: 800px;"> This div is 200×800. <div style="border: 1px solid blue; margin: 10% 0 0 10%;"> This div has top-margin of 10% and left-margin of 10% with respect to its parent. […]

有没有W3C有效的方式来禁用HTML表单中的自动完成？

使用xhtml1-transitional.dtd文档types时，使用以下HTML收集信用卡号码 <input type="text" id="cardNumber" name="cardNumber" autocomplete='off'/> 将在W3Cvalidation器上标记警告： 没有属性“自动完成”。 是否有一个W3C /标准的方式来禁用浏览器自动完成在一个窗体中的敏感领域？

在CSS Flexbox中，为什么没有“justify-items”和“justify-self”属性？

考虑柔性容器的主轴和交叉轴： 来源： W3C 要沿主轴alignment弹性项目，有一个属性： justify-content 要沿着横轴alignment弹性项目，有三个属性： align-content align-items align-self 在上图中，主轴是水平的，横轴是垂直的。 这些是flex容器的默认方向。 但是，这些方向可以很容易地与flex-direction特性互换。 /* main axis is horizontal, cross axis is vertical */ flex-direction: row; flex-direction: row-reverse; /* main axis is vertical, cross axis is horizontal */ flex-direction: column; flex-direction: column-reverse; （横轴始终垂直于主轴。） 我在描述斧头的工作方面的重点是，在任何一个方向似乎都没有什么特别之处。 主轴，横轴，重要性和flex-direction都相等，方便来回切换。 那么为什么十字轴会有两个额外的alignment属性？ 为什么align-content和align-items合并到主轴的一个属性中？ 为什么主轴不能得到一个justify-self财产？ 这些属性将是有用的scheme： 将柔性物品放置在柔性容器的拐angular处 #box3 { align-self: flex-end; justify-self: flex-end; } […]

引用url（）的值真的有必要吗？

我应该在样式表中使用以下哪一个？ /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); W3C指定什么是正确的方法 ？