2017年12月19日
margin相关
摘要： 1、图片与文字对齐问题 如果图片和文字差不多大时，使用兼容性强的margin负值方法。 方法：img{margin:0 3px -3px 0;} 2、div嵌套后margin出现失效（转移）问题 原因：盒子没有获得haslayout造成margin-top无效 方法：（1）父层div设置：{over 阅读全文
posted @ 2017-12-19 16:52 cocoyuanxile 阅读(85) 评论(0) 推荐(0)
CSS3渐变相关
摘要： 背景渐变 background: -moz-linear-gradient( top,#f24652,#da2c3c); background: -o-linear-gradient(top,#f24652,#da2c3c); background: -webkit-gradient(linear, 阅读全文
posted @ 2017-12-19 14:50 cocoyuanxile 阅读(77) 评论(0) 推荐(0)
网站性能优化
摘要： 1、资源压缩合并 （1）图片：雪碧图 （2）JS、CSS合并：利用项目构建工具webpack、grunt、gulp等。 2、加快渲染 CSS前置 3、减少DOM操作 （1）将DOM节点放入局部变量 （2）内存中操作元素，使用文档片段 document.createDocumentFragment() 阅读全文
posted @ 2017-12-19 14:44 cocoyuanxile 阅读(112) 评论(0) 推荐(0)