唯品秀博客

简单了解HTML5中的Web Notification桌面通知

通知可以说是web中比较常见且重要的功能,私信、在线提问、或者一些在线即时通讯工具我们总是希望第一时间知道对方有了新的反馈,这个时候,就需要页面给予即使的通知。 在以前,我们的通知实现主要是通过闪烁页...

阅读全文

2017年10月12日 2655℃ 0条评论 5喜欢

Safari浏览器iOS 2.0+长按图片储存

Safari浏览器iOS 2.0+长按图片储存

在所有移动设备默认是正常的,即:长按图片img元素会弹出底部菜单,可以保存当前图片,但有些时候我们会发现并没有反应? -webkit-touch-callout 一个 不规范的属性(unsupported WebKit property),它没有出现...

阅读全文

2017年09月13日 4738℃ 0条评论 3喜欢

CSS笔记_前端之路始于这里

CSS笔记_前端之路始于这里

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本...

阅读全文

2017年08月23日 3126℃ 0条评论 6喜欢

如何避免CSS :before、:after 中文乱码

问题: 在进行页面开发时,经常会使用:before, :after伪元素创建一些小tips,但是在:before或:after的content属性使用中文的话,会导致某些浏览器上出现乱码。 解决方案: 确保HTML、CSS文件使用UTF-8格式,并且H...

阅读全文

2017年08月04日 3610℃ 0条评论 5喜欢

用纯css改变下拉列表select框的默认样式

在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。 其实用下列CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。 12345678...

阅读全文

2017年06月09日 1414℃ 0条评论 1喜欢

各大知名企业网站CSS代码初始化集合

各大知名企业网站CSS代码初始化集合

css代码之所以初始化,是因为能尽量减少 各浏览器之间的兼容性问题! 腾讯QQ官网 样式初始化 123456789body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;pa...

阅读全文

2017年05月19日 7114℃ 5条评论 6喜欢

未知高度和宽度元素的水平垂直居中 (不外传秘法)

div(块级元素模拟table)多行文本垂直居中不外传秘法

在说到这个问题的时候,我们都知道,table默认文字就是垂直居中显示的,也许有人会问Div中CSS中不是有text-align属性来设置垂直居中的吗?是的,通常我们使文字垂直居中用的就是这个属性,但是在正式开发时候单...

阅读全文

2017年05月18日 14885℃ 100条评论 7喜欢

HTML5新增js常用方法

HTML5新增js常用方法

延迟加载JS------defer="defer" 1234567    <script src="js/b.js" defer="defer"></script>     <script src="js/jquery.js" defer="d...

阅读全文

2017年05月07日 14143℃ 0条评论 4喜欢

CSS3 pointer-events允许鼠标点击穿透后面的元素

pointer-events,搞前端的朋友们应该听说过这个属性吧。每年圣诞节的时候,许多网页上都会挂出一个雪花飘落的特效增加一些节日气氛。有一些是用flash实现的,也有用HTML+js实现的。当时就很好奇为何在页面z轴最上...

阅读全文

2017年05月05日 3705℃ 0条评论 7喜欢

web端如何制作小于1px边框线

不知道你有没有注意,1px宽度在移动端显得有些碍眼,在类似QQ列表等APP客户端好多边框线特别纤细,应该是不足1px的,虽然不知道那些客户端是如何做到的,但是我们在移动端网站其实也可以做到这种效果 利用css3 tr...

阅读全文

2017年04月28日 1884℃ 0条评论 3喜欢

用纯css改变下拉列表select框的默认样式

在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。 其实用下列CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。 12345678...

阅读全文

2017年04月17日 2273℃ 0条评论 2喜欢

页面内容不足以铺满屏幕高度时,footer居底显示

在项目中常常会遇到这样的问题:页面主要内容不足以铺满一个屏幕的高度,footer下面就会有白块剩余,如下图 现在要实现的效果就是,在主要内容不足以铺满整个屏幕的情况下,footer居于屏幕低部显示,使得整个...

阅读全文

2017年01月25日 1876℃ 0条评论 1喜欢

自定义选择框样式

默认的checkbox/radio都十分见不得人,那么是否有办法通过简单的css去定义自己需要的样式呢?答案当然是肯定的 123456789101112131415161718192021222324252627<!doctype html> <html> <head> ...

阅读全文

2017年01月04日 1675℃ 0条评论 3喜欢

手机移动端web资源整合

做移动端开发,也会存在各种兼容问题,我做的是微信网站开发,也是遇到不少兼容问题,用安卓测试的正常的页面,在ios下,会出现各种不同的效果,有时也很是郁闷。现在我搜集了一些移动端需要注意的问题,罗列如...

阅读全文

2016年12月07日 2082℃ 1条评论 0喜欢

CSS3(@media)判断手机横竖屏

相信大家在使用phone/pad在浏览网页时都有这样的感受,横屏/竖屏看网页时,内容一致,但是排班和样式却大不一样; 这也是移动开发过程需要注意的地方,作为web开发人员需要尽可能优化用户体验,横、竖屏显示...

阅读全文

2016年12月06日 1853℃ 0条评论 1喜欢

css设置最小高度 然后自适应

各大知名企业网站CSS代码初始化集合

群里有人问到用css设置某个div最小height,然后再自适应height,这里有个不错的解决办法。 看代码先: 123min-height:400px; //(解决ie8.9.ff.chrome) *+height:100%;  //(解决ie7) _height:400...

阅读全文

2016年11月19日 2028℃ 1条评论 2喜欢

博客简介

唯品秀博客: weipxiu.com,一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站,愿景:成为宇宙中最具有代表性的前端博客,期待您的参与 

精彩评论

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!

站点统计

  • 文章总数: 191 篇
  • 草稿数目: 2 篇
  • 分类数目: 13 个
  • 页面总数: 21 个
  • 评论总数: 828 条
  • 链接总数: 13 个
  • 标签总数: 372 个
  • 建站时间: 887 天
  • 注册用户: 717 人
  • 访问总量: 8657178 次
  • 最近更新: 2019年5月20日
服务热线:
 173xxxx7240

 QQ在线交流

 旺旺在线