摘要： position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); 阅读全文

摘要： 一.viewport的作用 1.把整个大的页面渲染在一个比例比较大的viewport(ios是980px，安卓不一定，可能会有640、1000、1200等)里面 2.通过缩放让你看到整个viewport的全貌 二.meta标签 980默认的viewport不是很适合我们来开发移动web页面(因为不规 阅读全文

摘要： 解决办法：左浮动和右浮动元素在结构上互换位置http://blog.sina.com.cn/s/blog_818a1e5b0100wp5b.html 阅读全文

摘要： 有时候子元素设置了margin，父元素也设置了margin，父元素的margin在ie7下会失效(包括padding)解决方法：父容器加属性overflow:hidden;zoom:100%; 阅读全文

摘要： 【border:none;】当border为“none”时对IE6/7无效边框依然存在【border:0;】当border为“0”时，所有浏览器都一致把边框隐藏【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/bo... 阅读全文

摘要： 在ie下，disable的textarea是不能使用滚动条的， 将disable改为readonly 阅读全文

摘要： typeof [1, 2, 4] === 'object';typeof new Date() === 'object'; typeof null === 'object'; 由于typeof数组、null和用new操作符生成的对象，都是返回object而instanceof，因为在js中，所有对象... 阅读全文

摘要： 效果：打开只能看到logo，鼠标放上去，圆盘渐显放大旋转展示出来知识点：[html+css]1.logo水平垂直居中于圆盘内，用到的样式position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin:auto;2.放大旋转用trans... 阅读全文

摘要： 1.取值100%时，会自适应窗口，即窗口缩小时，背景图跟着一起缩小撑满当前窗口2.取值cover时，如果图片小于容器时，会将图片放大以铺满整个容器(但会使图片失真)，且窗口缩小时，图片并不会跟着缩小 阅读全文

摘要： 【效果】左右移动(非渐隐)【思路】1.结构与样式①最外层div盒子当容器，里面ul宽度无限大并且相对定位(到时候移动其实移的是ul的left)②按钮的透明度可用background:rgba()来搞定③最后一张图片后面紧接第一张，第一张前面紧接最后一张，也就是5123451(不这样做两张图片没有办法... 阅读全文