随笔分类 -  HTML&CSS

HTML&CSS
关于height、width、top
摘要：关于height、width 的 offset、client、scroll 首先设置一个div 设置其高度为200px 样式为： client 与scroll 的高度一致 client = height + padding scrollHeight = height + padding （此时元素较 阅读全文
posted @ 2019-07-23 16:17 李鹏飞ONLINE 阅读(560) 评论(0) 推荐(0)
浏览器中使用less client
摘要：官方选项地址：http://lesscss.cn/usage/#using-less-in-the-browser-setting-options （不建议在客户端使用，最好还是预编译比较好，当然这是相对的） 设置less 编译选项（选项地址最上方），可以在link链中定义less变量（参考官网） 阅读全文
posted @ 2019-07-23 14:58 李鹏飞ONLINE 阅读(240) 评论(0) 推荐(0)
rem 计算公式
摘要：rem 量图计算公式： 获取比值：设备尺寸/设计图尺寸 例如：设备宽度尺寸为 375px 、设计图尺寸为750px，计算获得比值为0.5，量得设计图上某个图片元素宽度为 100px，实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。 故： 设置html 下font-size 阅读全文
posted @ 2019-07-22 12:26 李鹏飞ONLINE 阅读(10343) 评论(0) 推荐(0)
CSS canvas 捕捉视频video元素截图
摘要：video元素介绍： http://www.runoob.com/html/html5-video.html https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video video元素dom-webapi（属性、方法、事件） htt 阅读全文
posted @ 2019-03-21 14:14 李鹏飞ONLINE 阅读(2132) 评论(0) 推荐(0)
CSS 关于屏幕适配REM
摘要：这里不多说了，想详细了解的可以参考 2350305682 的博客 https://www.cnblogs.com/annie211/p/8118857.html 不想多深究，想先实现的看这（移动端）： 设定625%，使用的时候如果你量图为 2px像素，转换为rem 为 0.02rem即可~ 关于62 阅读全文
posted @ 2019-03-05 21:32 李鹏飞ONLINE 阅读(1235) 评论(0) 推荐(0)
如何配置图标
摘要：系统中图标，对于刚开始接触的同学一般都是用图片作为图标，还有一种方式是Unicode编译的图标（ttf），有很多好处，这篇主要记录一下如何配置和定义 自定义配置可以访问阿里的 Iconfont 首先选用需要的图标，加入到购物车中 加入成功后可在右侧的购物车中看到，这里我们可以创建独立的项目，把我们收 阅读全文
posted @ 2019-01-28 18:46 李鹏飞ONLINE 阅读(298) 评论(0) 推荐(0)