Questions tagged «w3c»

万维网联盟(W3C)是一个国际社区,其制定和发布规范和指南以定义诸如XML,HTML和CSS之类的技术。

5
在CSS Flexbox中,为什么没有“ justify-items”和“ justify-self”属性?
考虑伸缩容器的主轴和横轴: 资料来源:W3C 要沿主轴对齐弹性项目,有一个属性: justify-content 要沿十字轴对齐弹性项目,需要三个属性: 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可以轻松地来回切换。 那么,为什么十字轴具有两个附加的对齐属性? 为什么将align-content其align-items合并为主轴的一个属性? 为什么主轴没有justify-self属性? 这些属性将有用的方案: 将flex项目放在flex容器的角落 #box3 { align-self: flex-end; justify-self: …


7
引用url()的值真的有必要吗?
我应该在样式表中使用以下哪项? /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); W3C指定什么是正确的方法?
235 css  w3c 


5
SVG中文本元素的垂直对齐
假设我有SVG文件: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> 我想以某种方式排列的顶部a和b。实际上,我希望我的定位符合roofline而不是baseline!

9
CSS3框大小:margin-box;为什么不?
我们为什么没有box-sizing: margin-box;?通常,当我们放入box-sizing: border-box;样式表时,我们实际上是指前者。 例: 假设我有2列的页面布局。这两列的宽度均为50%,但它们看起来有点丑陋,因为没有装订线(中间有缝隙)。下面是CSS: .col2 { width: 50%; float: left; } 要应用装订线,您可能会认为我们可以在两列的第一列中设置合适的边距;像这样的东西: .col2:first-child { margin-right: 24px; } 但这将使第二列换行,因为以下内容是正确的: 50% + 50% + 24px > 100% box-sizing: margin-box;可以通过在元素的计算宽度中包括边距来解决此问题。我觉得这很有用,即使没有比有用box-sizing: border-box;。
139 css  layout  position  w3c 

4
为什么CSS中的边距/填充百分比总是按宽度计算?
如果您查看CSS盒模型规范,将会观察到以下内容: [margin]百分比是相对于生成的框的包含块的宽度计算的。请注意,“ margin-top”和“ margin-bottom”也是如此。如果包含块的宽度取决于此元素,则CSS 2.1中未定义结果布局。 (强调我的) 确实是这样。但是为什么呢?到底什么会迫使任何人以这种方式设计它?很容易想到您想要的方案,例如,某件事总是比页面顶部低25%,但是很难提出您希望垂直填充相对于水平尺寸相对的任何原因。父母。 这是我所指现象的一个示例: <div style="border: 1px solid red; margin: 0; padding: 0; width: 200px; height: 800px;"> This div is 200x800. <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. …
130 w3c  css 


6
HTML5日期选择器是否有任何样式选项?
我真的对HTML5日期选择器感到不安。令人耳目一新的是,W3C终于有了一些懈怠,因此我们不必继续重新发明这种常见的输入形式。 需要注意的是,我对选择器本身应用颜色的方式没有看到或预见到很多,这将在大多数站点上使用日期选择器作为一种破坏交易的方式。在<select>从广泛的JavaScript替代黑客,原因很简单,人们不能让它非常困扰。我很好奇是否有人知道W3C领域正在发生什么? 这在某种程度上与另一个更大的问题(如果您知道答案)配对在一起:是否值得我花时间尝试参与W3C或WHATWG,以便使其中的一些事情逐渐成为现实。任何类型的见解都是有帮助的。
109 html  datepicker  w3c 


4
如何从XML字符串中加载org.w3c.dom.Document?
我在字符串中有一个完整的XML文档,想要一个Document对象。Google会产生各种垃圾。什么是最简单的解决方案?(在Java 1.5中) 解决方案感谢Matt McMinn,我决定完成此实现。对我来说,它具有适当级别的输入灵活性和异常粒度。(很高兴知道错误是来自格式错误的XML- SAXException还是来自错误的IO- IOException。) public static org.w3c.dom.Document loadXMLFrom(String xml) throws org.xml.sax.SAXException, java.io.IOException { return loadXMLFrom(new java.io.ByteArrayInputStream(xml.getBytes())); } public static org.w3c.dom.Document loadXMLFrom(java.io.InputStream is) throws org.xml.sax.SAXException, java.io.IOException { javax.xml.parsers.DocumentBuilderFactory factory = javax.xml.parsers.DocumentBuilderFactory.newInstance(); factory.setNamespaceAware(true); javax.xml.parsers.DocumentBuilder builder = null; try { builder = factory.newDocumentBuilder(); } catch (javax.xml.parsers.ParserConfigurationException ex) { } org.w3c.dom.Document doc …
103 java  xml  document  w3c 


7
在<head>中对元素进行排序的最佳实践是什么?
可以以任何顺序使用任何东西?放置&lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;之前很重要&lt;title&gt; 这是最常用的,是最好的方法吗? &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt; &lt;title&gt;Title Goes Here&lt;/title&gt; &lt;link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"&gt; &lt;link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(function() { $("#wmd-input").focus(); $("#title").focus(); $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; …
90 html  css  xhtml  w3c 

17
查看网页生成源的最佳方法?
我正在寻找一种工具,该工具将为我提供正确的生成源,包括AJAX请求对W3的验证器输入进行的DOM更改。我尝试了以下方法: Web开发人员工具栏-根据doc类型生成无效的源(例如,它删除标记的自闭合部分)。丢失页面的doctype部分。 Firebug-修复源代码中的潜在缺陷(例如未关闭的标签)。也丢失标签的doctype部分,并注入本身是无效HTML的控制台。 IE开发者工具栏-根据doc类型生成无效的源(例如,根据XHTML规范,使所有标记都变为大写)。 高亮显示+视图选择源-通常很难获取整个页面,也排除了doc类型。 是否有任何程序或附加组件可以为我提供确切的当前源版本,而无需以某种方式进行修复或更改?到目前为止,Firebug似乎是最好的,但是我担心它可能会解决我的一些错误。 解 事实证明,正如贾斯汀所解释的那样,我想要的并没有确切的解决方案。最好的解决方案似乎是在Firebug控制台内部验证源,即使其中包含由Firebug引起的一些错误。我还要感谢“被遗忘的分号”解释了为什么“查看生成的源”与实际源不匹配。如果我可以标记2个最佳答案,我会的。

1
CSS像素可以算小数吗?
CSSpx可以算是零头吗?标准允许吗?如果可以,主流浏览器是否支持它? 伙计们,让我们用文档来备份答案。
80 css  w3c 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.