在html5中，新增了很多语义化的标签。如footer、header之类的，今天的主角是dialog标签😂 顾名思义，就是用来定义对话框的。目前只有Chrome和Safari支持该标签，所以用的不多，不过确实挺好用的🤞 别担心，有官方的polyfill。 1. 基础的用法 …

打开VSCode，输入html:5，按下tab，一个基本的html结构出来了，却从未注意过里面某些元素的含义。今天就来总结总结这些重要却不起眼的元素标签meta。 The <meta> tag provides metadata about the HTML document.…

localstorage在浏览器的API有两个：localStorage和sessionStorage，存在于window对象中：localStorage对应window.localStorage，sessionStorage对应window.sessionStorage。 l…

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

数字翻牌的典范教学，从原理学起，涵盖多个关键知识点。Javascript、React、Vue版本任你挑选！

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…

只有你想不到，没有 css 做不到。今日分享只由 css 实现的效果 - weather 以下是为效果图的所有实现源码，因为 css 内容较长，相关 css 可以点击查看展开阅读。 点击访问 这里 查看源码，并附有 codepen 在线编辑为您带来不一样的体验。可以点个 sta…

怎么实现这样一个圆环进度条的效果呢，可以使用canvas、svg、GIF等等方式，今天我们来说下使用css3怎么来实现。 圆环很简单，一行cssborder-radius:50%即可实现，而且没有兼容性问题，什么，你说IE，让它滚... 我们这里需要三个圆环，一个整的，两个半的…

？？？啥玩意？？？去他电脑上看了一下才发现是安全软件的那个展示电脑使用情况的悬浮球，WTF！！你见过哪个Linux有这悬浮球的？你咋不让我再给你整一只瑞星小狮子在旁边给你跳舞呢？？算了还是别说了，说了真让我做怎么搞.... 项目使用的是vue框架，所以demo都是在vue环境下…