CSS

http://www.nowcoder.com/intelligentTest （勾选HTML）

thead {display: table-row-group;}

Reference:  http://stackoverflow.com/questions/22310544/disable-table-header-repeating-on-page-break-when-rendering-as-pdf

Windows 的cursor图标文件格式为CUR，尺寸不超过32px * 32px。其它浏览器的图标文件格式为PNG、GIF。下面的网站可以帮助编辑和转换CUR格式：http://www.cursor.cc/

参考：

img {
    position: absolute;
    clip: rect(0, 100px, 200px, 0);
}

W3schools例子

参考：http://stackoverflow.com/questions/57725/how-can-i-display-just-a-porti…

色调、饱和度、亮度是色彩的三个基本描述元素。色调的值为0-239，饱和度的值为0-240。三元素与RGB系统有以下的关系：

1． 亮度是R、G、B成比例放大，但当某一基色达到最大值时则开始变色。
2． 饱和度越低，R：G：B越趋向于127：127：127
3． 色调渐变过程中RGB按以下规律变化：
a) R:255 G:0 B:0
b) R:255 G:255 B:0
c) R:0 G:255 B:0
d) R:0 G:255 B:255
e) R:0 G:0 B:255

亮度算法 value = 0.299 * red + 0.587 * green + 0.114 * blue

1. 对clear支持有问题，避免使用
2. 不支持普通的clearfix，修复的办法是.clearfix { zoom:1; }
3. 不支持inline-block，使用float: left代替

怎样有条件地加载IE7的CSS：

 

<!--[if IE 7]>

<link rel="stylesheet" type="text/css" href="ie7.css">

<![endif]-->

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

var $div = $('<div />').appendTo('body');

手机：

@media only screen and (min-device-width: 480px){ /* css样式 */ }

平板：

@media only screen and (min-device-width: 768px){ /* css样式 */ }

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}