如何更优雅的使footer保持在页面的最底部
几个月前(恍如昨日~~)写过一篇如何优雅的使footer保持在页面的最底部的水文。使用flex布局实现了页脚始终在容器底部。这几天在做一个页面时用到了Grid网格布局,突然想到,用Grid布局实现粘性页脚貌似更简单啊。什么是Grid网格布局Grid布局能将...
CSS伪类和伪元素区别及常用伪类伪元素
伪类(pseudo class)和伪元素(pseudo element)都是前端开发中经常接触的概念,但是这两个概念特别容易搞混。什么是伪类、伪元素?伪类:以冒号(:)开头,用于选择处于特定状态的元素。伪元素:以双冒号(::)开头,用于在文档中插入虚构的元...
如何优雅的使footer保持在页面的最底部
今天看到拓源的ZBLOG群里有人问为什么纯净主题的footer不在最底部。看了一下截图,发现是因为他的文章太少了,content部分不够多,于是在页面下方会留出部分的空白比较暴力的解决办法就是给主体部分加一个最小高度比如:section { &...
用details写一个纯HTML5的折叠菜单
details是HTML5新增的一个有趣又没用的标签,因为它兼容性实在有点差,按照百度来的说法,details只兼容Chrome, Safari 8+ ,Opera 26+details标签用于描述文档或文档某个部分的细节,更容易理解的一种用法:折叠菜单例...
神器UnCSS-Online,一键去除css中的无效样式
项目开发过程中,前端设计改来改去,这时往往会先把新的效果做出来,等项目做完,就会有一些遗弃的 CSS代码。或者扒站的时候,有时候只是想扒一点小地方,如果一点一点的扒对应的CSS也是不小的工作量。这时候UnCSS-Online这个神器就派上用场了。打开网址:...