小编Jit*_*yas的帖子

指南针精灵背景位置不是我想要的

我是第一次使用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)

这不是我所要求的.我想从顶部和左边给出更多的间距.

css sass compass-sass css-preprocessor

12
推荐指数
1
解决办法
3591
查看次数

11
推荐指数
3
解决办法
1万
查看次数

如何为div中的每个元素设置float,而不是为内部的每个元素指定float?

如何为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)

css xhtml

11
推荐指数
2
解决办法
5466
查看次数

请解释rowspan和colspan,col和colgroup

任何人都可以解释rowspancolspan,colcolgroup?这些W3C的有效性和语义是否正确?在哪些情况下这些有用?

css xhtml semantic-markup

11
推荐指数
2
解决办法
1万
查看次数

我们应该把<input>放在<label>里吗?

我在同一个表单示例中看到了2种不同的方法

http://www.alistapart.com/articles/prettyaccessibleforms/为什么他们正在使用2方法首先fieldset他们保持inputlabel,并在第二fieldset他们保持inputlabel.为什么?

<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)

css xhtml accessibility screen-readers

11
推荐指数
3
解决办法
1万
查看次数

您是否在Web项目中使用微格式?

您是否在Web项目中使用微格式

如果是,那为什么呢?如果没有那么为什么?

如果是,那么您使用哪些东西?

HTML 5中是否还有其他微格式?

我还没有用过微格式.我现在应该开始使用还是不需要?

css xhtml microformats html5 semantic-markup

11
推荐指数
3
解决办法
1308
查看次数

如何在所有浏览器的页面打印中获得跨浏览器兼容性?

如何在Print中获得跨浏览器兼容性?打印css文件的任何提示,使所有浏览器上的纸张打印相同.

编辑

我已经在使用Eric meyer CSS,但是当我们从网站上打印时,它仍然面临着不同浏览器的不一致.

是否有任何CSS声明我们可以始终使用并放在print css的顶部,就像其他工作良好的css重置一样media=screen

我已经在使用不同的css进行打印(print.css)了 media="print"


它会更好,保持* {posotion:static},*{float:none},* {clear:both} 在总打印CSS?

css xhtml

11
推荐指数
1
解决办法
1万
查看次数

使用<header> over <div id ="header">有什么实际好处吗?

使用<header>结束有什么实际好处<div id="header">吗?

并为header {}#header 编写css{}

我知道一个缺点是,我将不得不使用Javascript惩罚IE用户,<header>否则它将不会采取风格.

我知道它是HTML5,但在使用非HTML5支持的浏览器之前,使用它是否有任何优势.

IE6,IE7,IE8和一些旧的移动浏览器不了解这些新标签.

编辑:

可以使用JS Canvas库在所有浏览器中做一些很棒的事情,但是使用Javascript只是为了在IE中使用某些标签会降低性能而没有大的理由.

html css html5

11
推荐指数
1
解决办法
5306
查看次数

您如何为多种屏幕尺寸编写媒体查询?

如果我想

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

我刚才给出了问题的例子.

css css3

11
推荐指数
2
解决办法
4万
查看次数

占位符VS标签,用于HTML5中的输入

我正在创建一个具有多个输入的表单,我需要在输入本身内提供一些表单元素,我就是这样使用的

一个例子

在此输入图像描述

<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使屏幕阅读器兼容?

forms html5 accessibility semantic-markup screen-readers

11
推荐指数
2
解决办法
1万
查看次数