摘要: 引用的animate.js 效果演示: 阅读全文
posted @ 2017-07-03 16:27 liliyou 阅读(653) 评论(0) 推荐(0)
摘要: 引用的animate.js: main.js: 阅读全文
posted @ 2017-07-03 08:23 liliyou 阅读(250) 评论(0) 推荐(0)
摘要: 引用的animate方法: 阅读全文
posted @ 2017-07-02 17:45 liliyou 阅读(140) 评论(0) 推荐(0)
摘要: 面向对象式: 函数式: 阅读全文
posted @ 2017-07-02 17:03 liliyou 阅读(2092) 评论(0) 推荐(0)
摘要: css代码: html代码: 效果: 阅读全文
posted @ 2017-06-20 22:04 liliyou 阅读(2273) 评论(0) 推荐(0)
摘要: 解决方式一: .clearfix:after{content:".";display:block;visibility:hidden;clear:both;height: 0;} 解决方式二: .clearfix{overflow: auto;zoom: 0;} 此种方式当缩放窗口时会出现滚动条 阅读全文
posted @ 2017-06-20 09:43 liliyou 阅读(111) 评论(0) 推荐(0)
摘要: 最后在网上找了一下答案,IE8浏览器图片多一个有色边框,而Chrome浏览器没有边框的解决办法。 指定img的边框样式: img{border-style:none;} 阅读全文
posted @ 2017-06-20 09:29 liliyou 阅读(304) 评论(0) 推荐(0)
摘要: 原因分析: chorme和firefox浏览器下当缩放窗口大小时,边框的计算宽度变大造成内部div宽度的计算宽度变大,外部div放不下内部div而溢出。 解决办法: 给内部div设置 对于不支持box-sizing的ie8-浏览器另写css样式解决 <!--[if lt IE 7]> <link r 阅读全文
posted @ 2017-06-20 09:23 liliyou 阅读(267) 评论(0) 推荐(0)
摘要: 引入nwmatcher.js和selectivizr.js 阅读全文
posted @ 2017-06-20 09:14 liliyou 阅读(439) 评论(0) 推荐(0)
摘要: 文字阴影 格式:text-shadow:x y blur color, … 参数 x 横向偏移 y 纵向偏移 blur 模糊距离 color 阴影颜色 文本阴影如果加很多层,会很卡很卡很卡 没有border-shadow 这一项 效果: 1 <!DOCTYPE html> 2 <html lang= 阅读全文
posted @ 2017-05-18 11:53 liliyou 阅读(466) 评论(0) 推荐(0)