百度地图 http://api.map.baidu.com/lbsapi/creatmap/index.html
高德地图 http://lbs.amap.com/api/javascript-api/example/map/map-english/
Ie8下 rgba兼容
/*IE8下*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
透明度opacity 兼容
filter:alpha(opacity=0);
Js动态效果 http://www.superslide2.com/
http://liuxiaofan.com/category/
分享按钮 http://www.jiathis.com/
文本一行显示
display:block;
overflow:hidden;
white-space:nowrap; /*不换行*/
text-overflow:ellipsis; /*超出部分省略号表示*/
字体格式转换网站FontsQuirrel或onlinefontconverter
http://www.fontconverter.org/?userfile_url=&requiredfile_userfile=1&outFormat=eot
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.EOT,适用于Internet Explorer 4.0+
.SVG,适用于Chrome、IPhone
字体声明如下:
@font-face {
font-family: 'fzzx';
src: url('../fonts/fzzx.eot');
src: url('../fonts/fzzx.eot?#iefix') format('embedded-opentype'),
url('../fonts/fzzx.woff') format('woff'),
url('../fonts/fzzx.ttf') format('truetype'),
url('../fonts/fzzx.svg#fzzx') format('svg');
}
在页面中需要的地方使用该字体:
font:italic bold 12px/20px “fzzx”,arial,sans-serif;
改变placeholder的颜色
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f00;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f00;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #f00;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #f00;
}
http://chinahnzhou.iteye.com/blog/1770861
上标和下标等