红颜小兵

一直觉得 Codepen 的在线代码预览系统很神奇，能够所见即所得地实时展示代码的运行效果。参考 Codepen 并经过一番调研之后，我开发了一个具有基本的在线运行代码能力的 demo 出来。

这次来看一个带特殊圆角导航栏布局，如下谷歌浏览器的标签栏： 这样一个布局如何实现呢？下面介绍几种方法 一、伪元素拼接 假设有这样一个 HTML 结构 首先可以考虑的一种方式就利用两个伪元素拼接 中间的

css权重很多人都听过，也了解一些，但是很多人对具体的规则或者说再深如一些关于css权重的问题，可能会不那么清楚。日常开发中，或多或少都会遇到css规则不生效的问题，为了让我们能够减少调试css规则的时间，深刻理解css权重，就十分关键了。如果喜欢的话可以点波赞/关注，支持一下…

最近遇到这么一个需求，需要在手机上做一个两列的瀑布流布局，后来就把这个问题研究了一下，做个记录。 一般来讲，这种布局可以分为两种情况： 1. 图片的数量是一定的，不需要页面滚动到底部时，再动态加载图片

当我们想写一个类似掘金的文章或者自己的博客的时候，是否有想过该怎么实现给自己文章的章节添加章节号？给小标题增加标题号？或者给列表增加列序号？

大家总说性能优化的xxx条建议，但实际操作时又觉得很无力。本文就带你体验一次真实的性能优化案例和原理解析

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…