前言 “Offer 驾到，掘友接招！我正在参与2022春招打卡活动，点击查看活动详情。” 这次面试也是春招的开始的尝试，大部分都是八股文，面试问题从css部分、js部分、http部分、浏览器部分等等

说起KFC，大家都知道是肯德基🍟，但面试官问你什么是BFC、IFC、GFC和FFC的时候，你是否能够像回答KFC是肯德基时的迅速？

有这样一个问题。 别急，下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势，最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动…

写本文的起因是，一天在群里有同学说误打误撞下，使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 修改 outline-offset 到一个合适的负值 ，那么在恰当的时候，outli…

发挥你的想象，CSS也能实现拖拽效果。 这类效果用JS可以很容易实现，无非就是多了一些计算，多考虑了一些临界场景，然后代码量也多了一些。不过，经过我的一番脑洞，发现CSS也能几乎实现这一效果，接着往下看。 在传统 web 中，页面滚动是一个很常见交互，操作上就是利用鼠标滚轮或者…

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体，它也提供了非常快…

1-1. 设置input 的placeholder的字体样式 1-2. 单行和多行文本超出省略号 1-3. 负边距使用技巧 1-4. 定位同时设置方位情况 1-5. 相邻兄弟选择器之常用场景 1-6. outline属性的妙用技巧 1-7. 隐藏滚动条或更改滚动条样式 1-8.…

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

前言前篇传送门：猛戳这里其实大多数的技巧前篇都已经讲完了，本文算是具有补充性质的番外篇吧0.03D方块如何在CSS中创建立体的方块呢？用以下的SCSSmixin即可方块的长度、高度、深度都可以通过CS