随笔分类 - html/html5 css/css3
摘要：先看一下效果图，背景表盘是一个底图。选一个漂亮的底图，整体钟表效果还是不错的。 下边上代码
阅读全文
摘要：做项目时，一般会考虑到长时间未进行操作，能够自动退出登录。下边就利用session来实现这一功能
阅读全文
摘要：session中存了很多值，如何用较少的代码清除所有的session?可以一个一个的用session.removeitem清除的； 简单省事： sessionStorage.clear()
阅读全文
摘要：box-sizing属性用来定义元素的width和height所表示的区域,该属性一般有三种值：content-box、border-box、inherit。 其中inherit表示box-sizing的值应该从父元素继承。 content-box和border-box的主要区别就是元素的width
阅读全文
摘要：基本概念 Cookie Cookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage localSt
阅读全文
摘要：最近在项目中使用bootstrap模态框的时候发现了一个问题，那就是bootstrap模态框不支持多模态框，即不支持弹出了一个模态框之后，再弹出第二个模态框，只支持弹出一个模态框，虽然说第二个或更多模态框可以正常弹出，但是会出现问题，这里就两个我发现的问题来分享给大家： 首先来看一下正常一个模态框弹
阅读全文
摘要：标签的readonly和disabled属性的区别: 在表单元素中，readonly和disable有类似之处，因为它们都可以将一些表单元素设置为"不可用"状态，当然它们之间的区别是巨大的，下面就介绍一下这个两个属性有哪些区别，希望能够给需要的朋友带来一定的帮助。 两个属性不同点列举: 1.read
阅读全文
摘要：超多经典 canvas 实例 普及：<canvas> 元素用于在网页上绘制图形。这是一个图形容器，您可以控制其每一像素，必须使用脚本来绘制图形。 注意：IE 8 以及更早的版本不支持 <canvas> 元素。 贴士：全部例子都分享在我的 GayHub - https://github.com/bxm
阅读全文
摘要：本文将使用canvas实现粒子时钟效果 效果展示 点阵数字 digit.js是一个三维数组，包含的是0到9以及冒号(digit[10])的二维点阵。每个数字的点阵表示是7*10大小的二维数组 通过遍历数字点阵的二维数组，当该位置的值为1时，则绘制一个粒子，否则不绘制 将绘制数字的函数命名为rende
阅读全文
摘要：CSS实现水平垂直居中对齐 在CSS中实现水平居中，会比较简单。常见的，如果想实现inline元素或者inline-block元素水平居中，可以在其父级块级元素上设置text-align: center实现；如果想实现块级元素的水平居中对齐，可以设置magin: auto。而如果想实现垂直居中对齐，
阅读全文
摘要：于是呢，熬夜加班做了11.11的活动，在PC端遇到了透明背景和透明图片的问题，其实以前也遇到过，只是没有总结起来，就忘记了，这次又撞墙了，必须记录下来，一来给自己做个小总结，提个醒，最近变懒了，再不努力就要倒挂了；二来是因为在网络上并没有完整的解决方案，希望可以帮助到遇到此类问题的朋友，今天主要讲解
阅读全文
摘要：目录 License public domain, Just take it. Thanks @Ruan YiFeng: https://github.com/ruanyf @materliu：https://materliu.github.io/code-guide @hzlzh: https:/
阅读全文
摘要：::before与::after两个伪元素其实是CSS3中的内容，然而实际上在CSS2中就已经有了这两者的身影，只不过CSS2中是前面加一个冒号来表示（:before和:after）。今天主要讲讲这两个伪元素该如何使用。 一、与普通元素一样可以给其添加样式 比如说我想在文字前面添加一个图标，如果我用
阅读全文
摘要：1、正方形 最终效果： CSS代码如下： #square { width: 100px; height: 100px; background: red; } #square { width: 100px; height: 100px; background: red; } #square { wid
阅读全文
