小杂记
opacity:0.8;
filter:alpha(opacity=80);//兼容IE6,7
-ms-filter(opacity=80);//兼容IE8
/**兼容Ie**/
border:1px solid rgba(0,0,0,0/4);
/**带透明边框**/
background-color:rgba(0,0,0,0.4);
/**透明底色**/
background-size:100%;
-webkit-background-size:100%;
-moz-background-size:100%;
background:none\0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='file:///F:/共享/APP/images/bpbox.png',
sizingMethod='scale');
/**兼容背景缩放**/
background-clip: cover;
/**背景图覆盖**/
box-sizing(控制盒模型的组成模式)
1. content-box:
使用此值时, 盒模型的组成模式是, 元素宽度 = content + padding + border;
2. border-box:
使用此值时, 盒模型的组成模式是, 元素宽度 = content(即使设置了padding和border, 元素的宽度
也不会变).
一些插件
animate.css
动画
superSlide.js
flexSlider.js
swiper.js
轮播图
fullpage.js
全屏滚动
小图标:
fontawesome : http://fontawesome.dashgame.com/
阿里妈妈
http://www.iconfont.cn/help/platform.html