唯品秀前端博客
20 2018-07

页面不满一屏footer固定在底部

页面不满一屏footer固定在底部-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

很多时候比如登录和注册页面,又或者是列表页面数据很少的情况下,我们是不希望底部footer跑到屏幕上方去的,而是希望固定在底部,但是当内容足够一屏幕时候,底部继续随着信息流往下走,当前案例代码...

阅读全文

2018年07月20日 10:09:33 周五 2018-07-20 周五 4111 0 16

30 2018-01

CSS3中伪类的content和attr的用法

CSS3中伪类的content和attr的用法-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

说起css的content,很多人都知道那就是用来在标签头尾插入内容的,但如果你说css里面的attr和content有啥关系,我想还是蛮多人不知道的吧,attr做前端的应该见名思义是用来操作html属性的,确实,在这...

阅读全文

2018年01月30日 14:09:35 周二 2018-01-30 周二 4376 0 8

13 2017-10

【YQN】CSS \ Less \ Sass 编码规范

【YQN】CSS \ Less \ Sass 编码规范-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

1 引言 1.1 说明 本文档以 Airbnb CSS Style Guide 为基础,编写符合自己团队的编码规范;统一了命名和注释两大痛点,就统一了80%的风格,所以我们重点拓展这两部分内容,主体部分请参考基础。 1.2 基...

阅读全文

2017年10月13日 14:51:52 周五 2017-10-13 周五 2355 0 5

13 2017-09

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

Safari浏览器iOS 2.0+长按图片储存-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

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

阅读全文

2017年09月13日 15:12:43 周三 2017-09-13 周三 6854 0 4

23 2017-08

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

CSS笔记_前端之路始于这里-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

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

阅读全文

2017年08月23日 15:08:09 周三 2017-08-23 周三 3747 0 6

04 2017-08

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

如何避免CSS :before、:after 中文乱码-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

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

阅读全文

2017年08月04日 10:13:05 周五 2017-08-04 周五 5312 0 7

09 2017-06

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

用纯css改变下拉列表select框的默认样式-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

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

阅读全文

2017年06月09日 11:20:32 周五 2017-06-09 周五 2549 0 2

28 2017-04

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

web端如何制作小于1px边框线-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

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

阅读全文

2017年04月28日 21:46:55 周五 2017-04-28 周五 3059 0 3

17 2017-04

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

用纯css改变下拉列表select框的默认样式-唯品秀个人博客 - 关注最前沿的web前端开发技术博客网站

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

阅读全文

2017年04月17日 15:46:38 周一 2017-04-17 周一 3656 0 2

博客简介

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

精彩评论

友情链接

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

站点统计

  • 文章总数: 252 篇
  • 草稿数目: 0 篇
  • 分类数目: 16 个
  • 独立页面: 6 个
  • 评论总数: 882 条
  • 链接总数: 19 个
  • 标签总数: 442 个
  • 注册用户: 7595 人
  • 访问总量: 9108965 次
  • 最近更新: 2020年5月25日
服务热线:
 173xxxx7240

 QQ在线交流

 旺旺在线