CSS3

一、css之页面元素

1.基偶数带背景颜色表格中的input框或者select下拉框去除默认白色背景颜色，显示该行的table背景色

input{ background:transparent; } //设置背景色透明

2.去除chrome浏览器中input框自动填充的黄色背景色

input{
	background-color:transparent; //设置背景色透明
	autocomplete:off; //关闭自动填充
 	-webkit-box-shadow:0 0 0 1000px white inset; //chrome浏览器中用白色阴影遮住默认的黄色背景色
     }

3.选择器

$('.class:not(:checked)').length //未选中的checkbox的个数
div>input //
div+input //
$('input[name='aaa']') //名称选择器
$（'a[href='#aaa']'） //已知a标签的href值获取该元素

4.js压缩工具：Closure compiler / 

还原压缩的js文件，在线工具http://jsbeautifier.org/，输入压缩后的js代码，点击Ctrl+Enter，自动格式化

5.超小屏幕、小屏、中屏、大屏各个设备屏幕分辨率

/* 超小屏幕（手机，小于 768px） *//* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */@media (min-width: @screen-sm-min) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */@media (min-width: @screen-md-min) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */@media (min-width: @screen-lg-min) { ... }

6.隐藏、显示

hidden: hidden,页面实际解析成 display:none

display:none;不占位隐藏  visibility:hidden 占位隐藏

disply:block 显示  visibility:visible