摘要：需要做一个类似微信朋友圈点击照片显示大图, 并且可以左右滑动查看其它图片的效果. 在网上学习了很多例子, 最终决定根据提供 "在路上的愚人" 同学的demo的来修改. 首先是photoswipe插件. 可以在 "github" 下载. 使用方法: 1. 先引入相关的js和css 2. 加入pswp模 阅读全文

摘要：之前在网上看来的一个博主的demo, 但是当时没有记清, 现在默写一下... 原理: 1. 首先红色div是通过position:absolute绝对定位的，且通过相对与底部定位，如bottom:0px。 2. 底部定位固定，高度变高的时候就向上扩展了。 3. 使用jQuery的$().animat 阅读全文

摘要：用一个之前没见过的方法实现一张图片的居中. 先铺html代码 为了方便看的清楚, 我给后面的container设置一些颜色和宽高 然后开始设置需要居中元素的css 方法: 1. 首先设置它的样式, 使他绝对定位来将他放置到容器元素的左上角 2. 然后设置top和left, 使元素向下和向右偏移其容器 阅读全文

摘要：em 相对长度单位 rem 相对参照物为根元素html, 相当于参照物固定不变 1 rem = 16 px 与em一致 eg font-size = 62.5% 时, 1 rem = 10 px font-size = 100% 时, 1 rem = 16px 阅读全文

摘要：1. 位置相关: position, top, left, index, float, display 2. 大小相关: width, height, margin, padding 3. 文字相关: font, line-height, color, letter-spacing 4. 背景边框: 阅读全文