随笔分类 - html

摘要：设置localStorage过期时间方法。使用：设置过期时间为第2天凌晨。阅读全文

posted @ 2019-12-30 14:36 前端[色色] 阅读(5483) 评论(0) 推荐(0) 编辑

摘要：估计你看到这个标题是懵逼的，直接上图吧！下面那个 “退订***”那个位置好实现，可是上面那个“【签名】”的文字环绕效果要怎么实现呢？一开始想的是浮动，但是文本域不像单纯的文本，无法实现这种文字环绕，该方案PASS。后面想着单纯用绝对定位，发现遇到的问题跟浮动是一样的，该方案PASS。后面一想，这个阅读全文

posted @ 2018-04-10 19:21 前端[色色] 阅读(774) 评论(0) 推荐(0) 编辑

Canvas 实现图片合成并下载合成图片

摘要：现在经常会遇到那种带二维码的推广图片，如下图所示： 1是整张推广图的背景，2是二维码。这种图片的背景是保持不变的，里面的二维码是变化的。所以我们需要把二维码单独生成然后与背景合并。我们可以通过canvas绘图达到将2张图片合并的效果。具体代码如下： a标签通过添加download属性并把生成的b 阅读全文

posted @ 2018-03-19 18:39 前端[色色] 阅读(3420) 评论(0) 推荐(0) 编辑

微信中的安卓机型支持小屏播放方法研究

摘要：微信在安卓机播放视频时，默认会自动全屏，视频部分居中显示。但是项目需要中，不能让它全屏，下面还有其他的信息。参考多种方法（具体参考文档可看文章末尾详情），现将解决方法总结如下：先上代码：外层的div是为了更好的控制video的大小的，大小比例为16：9，后面会讲到控制宽高比的js，我们先把这个v 阅读全文

posted @ 2018-03-13 16:22 前端[色色] 阅读(807) 评论(0) 推荐(0) 编辑

css 固定HTML表格的宽度

摘要：在网页中插件表格时，就算你有时定义了宽度，默认的也会根据里面内容的来自动拉伸。有时候自动拉伸是好，但是如果你表格里面的内容太长，表格就会拉伸的特别难看。像下面的表格，正常的显示应该如下：但是如果里面的数据太长的话，就会错位成下面这个样子：我们如何保证抽奖时间固定宽度，让它显示一行，后面的奖品也阅读全文

posted @ 2016-11-30 15:34 前端[色色] 阅读(49419) 评论(1) 推荐(2) 编辑

html 语义化资料

摘要：HTML: The Living Standard 理解HTML语义什么是HTML语义化为什么要语义化写HTML代码时就注意什么 HTML 5的革新——语义化标签(一) header元素 footer元素 hgroup元素 nav元素 aside元素 section元素 article元素浅阅读全文

posted @ 2016-05-12 10:45 前端[色色] 阅读(225) 评论(0) 推荐(0) 编辑