之前觉得自己懂了，搞了个总结：【前端】sticky粘性定位 。然后跟人对线，发现自己的确有疏漏，没杠过，所以又来了。 MDN上的资料感觉多少还是有点模糊，所以这次直接到w3c CSS Positioned Layout Module Level 3 去做阅读理解了。而且不随便乱…

3. xx.vue文件中使用： 1.命名混乱：上面的.Button是普通的按钮的样式，其他三个是在此基础上的样式叠加。如果要增加一种新的按钮，命名也是像上面一样。当程序变得更复杂，或多人协作开发，html中的类名就会很长，不但混乱不易阅读，还影响项目的压缩。 2.依赖管理不好：…

工作中难免会有写静态页面的需求，有时候移动端适配真的是做的心累，如果自己新做一个页面倒还好，整体布局会按照自己习惯来，但有时候不得不修改别人的代码，尤其是别人没适配好的代码...

nth-child 根据元素在标记中的次序选择相应的元素首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从1开始排序，选择的结果为

或者可以这么说，CSS Modules为我们解决了什么痛点。针对以往我写网页样式的经验，具体来说可以归纳为以下几点： 根据CSS选择器的解析规则可以知道，层级越深，比较的次数也就越多。当然在更多的情况下，可能嵌套的层次还会更深，另外，这里单单用了类选择器，而采用类选择器的时候，…

在 CSS flexbox 布局出现以前，如果要控制 HTML 元素的布局，要用到很多种奇葩的方式。在水平方向上得用float控制左右对齐，稍一不注意，就会有浮动的元素飞来飞去~。在垂直方向上就更是百家争鸣了：要么手动计算高度然后算出中心点，要么用 line-height 和 …

语义化标签可以更加直观的表现出了网页结构。可能在一个人开发的时候害体现不太出来，但是当多人合作或者回看自己写的页面时，就很容易体现出这一特点...

很多人都学过flex布局，但是里面的细节你有注意过吗？本篇文章主要是从flex的文档入手，分析出你还不知道的flex

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