摘要： :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00; } input:-ms-input-placeho 阅读全文

摘要： 结构： 关键样式：.demo-a input{width: 15px; border-radius: 10em; transition: all 0.5s ease 0s;}.demo-a input:focus{width: 130px; box-shadow: 0 0 5px rgba(109,... 阅读全文

摘要： text-overflow:ellipsis; 优点： 1.不用通过程序限定字数 2.有利于SEO(实际上并未被截字，只是局限于宽度未被显示而已) width: 某个值; overflow: hidden;text-overflow:ellipsis;white-space:nowrap; over 阅读全文

摘要： 1.form原来html里面，表单里的元素应该包裹在表单里，如 html5里面可以分开写，那怎样知道这些表单元素是属于哪个表单呢？form属性取值表单的id，如 阅读全文

摘要： getFullYear();总是返回4位完整的年份getYear();当年份在1900-1999时，返回两位数字，如1980返回80，当不在这个范围时，返回同getFullYear();注:getYear()还有兼容性问题，在ie下可以返回正常年份，在ff等浏览器下，如今年返回115原因：在ff等浏... 阅读全文

摘要： 需求：签到成功时，丝带有一些动画效果 已成功签到1天奖励100金币 .sign-... 阅读全文

摘要： 正常状态下input focus软键盘弹出时问题描述：头部结构fixed，滚动到下部内容区域，input、textarea等focus弹出软键盘时，头部位置偏移被居中(该问题ios7 beta3已修复)，当软键盘关闭时，头部结构位置又恢复正常安卓手机下，fixed表现要比ios好，不会出现此问题然而... 阅读全文

摘要： 思路：正面图片从0转到180°，背面图片从-180°转到0 阅读全文

摘要： 一.自适应(头部)1.width=device-width 表示宽度是设备屏幕的宽度2.initial-scale=1.0 表示初始的缩放比例3.minimum-scale=1.0 表示最小的缩放比例4.maximum-scale=1.0 表示最大的缩放比例5.user-scalable=no 表... 阅读全文

摘要： 一、使用良好的结构二、不要使布局超载三、不要使用图像来表示文本四、检查cookie使用情况五、不要包含不必要的 JavaScript 代码，尽可能将其外部化六、尽可能避免使用表格七、删除任何不必要的元素八、一些优化网页的技巧九、压缩和缩小 JavaScript 文件十、使用 HTTP 压缩，并始终使... 阅读全文