摘要: 网上有许多令一个div上下左右垂直居中的方式,都是大同小异,我最喜欢的是还position+transform样式来实现,下面是代码实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp 阅读全文
posted @ 2017-09-22 14:27 玛丽莲梦露 阅读(668) 评论(0) 推荐(0) 编辑
摘要: 我们在使用给标签添加diaplay:inline-block属性后,标签并排显示后之间会产生3px的间距空白问题。 间距是如何产生的? 1.我们在使用内联元素的标签时候,例如img标签没有设置display属性同样会产生间距,这是因为我们在书写标签的时候为了代码的简洁直观会换行,但是浏览器在解析的时 阅读全文
posted @ 2017-09-21 16:38 玛丽莲梦露 阅读(456) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scal 阅读全文
posted @ 2017-09-21 09:53 玛丽莲梦露 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 1、针对浏览器记住密码1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的,所以针对这种情况可以采取“动态设置密码域”的方法:<input type="text" name="password" onfocus="this.type='password'" />解释:当 阅读全文
posted @ 2017-09-20 11:32 玛丽莲梦露 阅读(397) 评论(0) 推荐(0) 编辑
摘要: css伪类:用于向某些选择器添加特殊效果; css伪元素:将特殊效果添加到某些选择器上; 简单的说,伪类和伪元素的根本区别在于:他们是否创建了新的元素(抽象); 伪类一开始是用来表示一些元素的动态状态,典型的就是连接的各个状态,伪类::first-child,:visited,:hover,:act 阅读全文
posted @ 2017-03-23 15:16 玛丽莲梦露 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 刚接触js的时候公司有一个活动页面要写一个获取验证码的倒计时,当时身为菜鸟的我就被难到了,之后也没有再写,今天偶然间想起来,就又用了几分钟写了一下,希望对有些朋友有用,欢迎指教,下面是代码,希望大家可以共同进步~ <!DOCTYPE html><html lang="en"><head> <meta 阅读全文
posted @ 2017-03-23 14:26 玛丽莲梦露 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 选项卡切换主要依靠css3里面的新特性transform与translate的结合,如果只使用translate,不会有动画效果; 使用定位同样可以实现同样的效果,但是不能实现content里的子元素高度自适应;所以选择用translate; 如果想根据后台来设置同样是可以的,因为这里使用的是dis 阅读全文
posted @ 2017-03-09 18:25 玛丽莲梦露 阅读(2406) 评论(0) 推荐(0) 编辑
摘要: 最近公司项目闲下来,写了下项目里引用的ant-design 的tabs组件,Github地址为:https://github.com/zycpz/tabs有需要的小伙伴可以下载查看。 阅读全文
posted @ 2017-02-25 15:58 玛丽莲梦露 阅读(939) 评论(0) 推荐(0) 编辑
摘要: 数组去重 阅读全文
posted @ 2017-02-20 14:21 玛丽莲梦露 阅读(163) 评论(0) 推荐(0) 编辑