Superman_周

HTML <hr>标签默认就表示分隔线，但是浏览器默认的分隔线效果太丑了，我们可以使用CSS进行美化出各种各样的款式效果。

有时候我在想，我们前端写页面比较花时间，能不能减少这部分时间呢？当然你会说“你傻啊，不是有UI库嘛！”，但是别忘了，不是每个项目都有可用的UI库，同时使用别人的UI库，并不能百分比能够解决你所有的问题，如果我们对CSS选择器了解的更多一些，或许就可以少写很多JavaScript…

本文介绍一些日常使用WebStorm的设置和快捷键。欢迎补充，互惠你我。🙃 🤡

当我们对某个指令不熟悉时，我们可以使用 Linux 提供的帮助指令来了解这个指令的使用方法。 man vs. help man : （manual）可以显示系统手册页中的内容，这些内容大多数都是对命令的解释信息。这些信息是操作系统文档里面的。 如果没有文档，是不会显示这些帮助信…

1. 实用插件 在右侧生成一个代码缩略图，用过vscode的朋友肯定很熟悉了，但其实实用度也并没有太高，很多时候我都没有用到这项功能，反而有时候觉得它还比较碍事，遮挡住代码显示。 实现括号配对，但是在白色主题下显示不明显，一定要使用黑色主题这款插件才会发挥出它的效果。 非常好用…

采用Flex布局的元素，称为Flex容器container。它的所有子元素自动成为容器成员，称为Flex项目item。 容器中默认存在两条轴，主轴(main axis) 和交叉轴(cross axis)。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交…

white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本却又容易让人迷惑的三个属性了，估计很多人都有把它们搞混或用错的经历。必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 可以看到，nbsp;和</br>可以正常发…

1. 事件冒泡与事件捕获 事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。 为了解决这个问题微软和网景提出了两种几乎完全相反的概念。 微软提出了名为事件冒泡(event bubbling)的事件流。事件冒泡可以形象地比喻为把…

CSS的盒模型是CSS的基础，同时也是难点，这个问题经常在面试中会被问到，属于经典问题了。很多博客里讲得也很模糊不清，于是，我在这里重新整理一下。 可以认为每个html标签都是一个方块，然后这个方块又包着几个小方块，如同盒子一层层的包裹着，这就是所谓的盒模型。 盒模型分为IE盒…