Forzen

大家好，这里是CSS魔法使——alphardex。 “密室逃脱”这个词想必大家并不陌生，在以前的flash时代，这是一类很经典的益智游戏之一。玩家常常会被困在一间密室中，而过关的目的就是想法设法逃出这件密室。以下是笔者玩的最早的一个密室逃脱游戏——深红房间，它也可以说是密室逃脱…

在这篇文章中，我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果，使用纯CSS实现。 当我们处理输入框时，会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的： label标签是关联表单元素，提供说明信息最适合的元素。 输入框的placeh…

这三个元素作为这个 《CSS 搞事技巧》的第一篇并非仅仅是在接下来的 《重温 Flex 布局》中要使用，而是因为这个技巧的确是很基础。 核心概念：所谓技巧，无非就是保存状态（划重点啦）。 示例部分仅放 Gif 图样及源码地址，详情请查看技巧说明部分（技巧是通用的）。 1. sw…

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…

1. 说一下对HTML语义化的理解?(重点) 语义化就是选择与语义相符合的标签，使代码语义化，这样不仅便于开发者进行阅读，同时也能维护和写出更优雅的代码，还能够让搜索引擎和浏览器等工具更好地解析。 通俗的讲语义化就是让正确的标签做正确的事情，比如段落用p标签，头部用header…

前段时间打算为自己的开源项目做一个主页，一方面有个好的门面能提升项目的关注度，一方面也能对项目所涉及的资源做一个整合。 这是用docsify做的，docsify是一款优秀的文档生成工具，使用起来比较简单，只需要写内容的markdown文件就可以了，支持markdown的大部分语…

不知不觉毕业一年了，正式工作也满一年了。其实一直想写一篇文章总结一下一年来自己到底成长了多少，但因为各种原因一直拖到现在。今天总算难产出来了 😂 系列其他文章👇👇 2020 年可谓不太平的一年。因为一些众所周知的原因，读研的同学担心毕不了业；工作的同学纠结经济不景气；大三…

作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可…

Notification API 是 HTML5 新增的桌面通知 API，用于向用户显示通知信息。该通知是脱离浏览器的，即使用户没有停留在当前标签页，甚至最小化了浏览器，该通知信息也一样会置顶显示出来。 想要向用户显示通知消息，需要获取用户权限，而相同的域名只需要获取一次权限。…