我是第一次使用Compass spriting.我希望有图标图像(大小各不相同)居中位置.喜欢附图

我正在使用此设置
$icons-spacing:40px;
@import "icons/*.png";
@include all-icons-sprites;
Run Code Online (Sandbox Code Playgroud)
我得到的CSS是(例如)
.icons-adventure {
background-position: 0 -608px;
}
Run Code Online (Sandbox Code Playgroud)
这不是我所要求的.我想从顶部和左边给出更多的间距.
根据WCAG 2.0,在alt ="text"中使用的字符限制是多少?
如何为div中的每个元素设置float?
我想浮动内部元素而不是父DIV?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
div {border:2px solid red;height:50px}
a {border:2px solid blue;margin:10px}
</style>
</head>
<body>
<div>
<a>Hello from JS Bin</a>
<a>from JS Bin</a>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 任何人都可以解释rowspan和colspan,col和colgroup?这些W3C的有效性和语义是否正确?在哪些情况下这些有用?
我在同一个表单示例中看到了2种不同的方法
在http://www.alistapart.com/articles/prettyaccessibleforms/为什么他们正在使用2方法首先fieldset他们保持input后label,并在第二fieldset他们保持input后label.为什么?
<fieldset>
<legend>Delivery Details</legend>
<ol>
<li>
<label for="name">Name<em>*</em></label>
<input id="name" />
</li>
<li>
<label for="address1">Address<em>*</em></label>
<input id="address1" />
</li>
<li>
<label for="address2">Address 2</label>
<input id="address2" />
</li>
<li>
<label for="town-city">Town/City</label>
<input id="town-city" />
</li>
<li>
<label for="county">County<em>*</em></label>
<input id="county" />
</li>
<li>
<label for="postcode">Postcode<em>*</em></label>
<input id="postcode" />
</li>
<li>
<fieldset>
<legend>Is this address also your invoice »
address?<em>*</em></legend>
<label><input type="radio" »
name="invoice-address" /> Yes</label>
<label><input …Run Code Online (Sandbox Code Playgroud) 如何在Print中获得跨浏览器兼容性?打印css文件的任何提示,使所有浏览器上的纸张打印相同.
编辑
我已经在使用Eric meyer CSS,但是当我们从网站上打印时,它仍然面临着不同浏览器的不一致.
是否有任何CSS声明我们可以始终使用并放在print css的顶部,就像其他工作良好的css重置一样media=screen?
我已经在使用不同的css进行打印(print.css)了 media="print"
它会更好,保持* {posotion:static},*{float:none},* {clear:both}
在总打印CSS?
使用<header>结束有什么实际好处<div id="header">吗?
并为header {}#header 编写css{}
我知道一个缺点是,我将不得不使用Javascript惩罚IE用户,<header>否则它将不会采取风格.
我知道它是HTML5,但在使用非HTML5支持的浏览器之前,使用它是否有任何优势.
IE6,IE7,IE8和一些旧的移动浏览器不了解这些新标签.
编辑:
可以使用JS Canvas库在所有浏览器中做一些很棒的事情,但是使用Javascript只是为了在IE中使用某些标签会降低性能而没有大的理由.
如果我想
body {font-size:18 px} 1900年及以上
body {font-size:16 px} 对于1024和1900
body {font-size:14 px} 为768到1023
body {font-size:12 px} 为320到767
body {font-size:11 px} 为0到320
我刚才给出了问题的例子.
我正在创建一个具有多个输入的表单,我需要在输入本身内提供一些表单元素,我就是这样使用的
一个例子

<form class="TTWForm">
<input type="email" name="email" required="required" placeholder="Email Address">
</form>
Run Code Online (Sandbox Code Playgroud)
以上代码在HTML5的W3C验证器中有效.
是否Label在HTML 5没有要求?
如果我使用HTML5 Placeholder来显示内部标签input是好的吗?
是否label仍然需要placeholder使屏幕阅读器兼容?