如题，介绍六边形头像的CSS实现技巧，以及如何基于这个六边形实现高大上的蜂巢布局效果，又是展现CSS潜力的一天。
文章关键字 ‘direction’
CSS六边形头像的实现与蜂巢布局
2026年04月7日，星期二Tips: 使用CSS逻辑属性简化我们的书写
2022年12月18日，星期日
Web前端开发中的反向与倒序
2022年11月6日，星期日
使用CSS text-combine-upright实现字符的横向合并
2021年02月18日，星期四
HTML全局属性列表大全
2020年01月31日，星期五
CSS margin-inline和margin-block区别是什么？
2018年10月26日，星期五
CSS margin-inline和margin-block都属于CSS逻辑属性，是CSS中比较新的一个概念，其行为表现具有逻辑特性， margin-inline和margin-block是N多CSS逻辑属性中的2个，本文以margin-inline和margin-block为代表介绍CSS逻辑属性的一些布局表现，同时演示direction和writing-mode这些属性是如何让这些CSS属性表现出“逻辑”的。
有demo有截图有必要的源代码展示，希望本文内容能够对您的学习有所帮助。
改变CSS世界纵横规则的writing-mode属性
2016年04月27日，星期三
writing-mode这个CSS属性，我们是不是很少见到，很少用到！我们往往称不常见的东西为“生僻”，就像是不常见的文字我们叫“生僻字”，因此不常见的CSS属性，我们可以叫做“生僻属性”，writing-mode给我们的感觉就是一个“生僻属性”，很弱，可有可无。
但是，实际上，我们都错了，大错特错，writing-mode很弱？卧槽，别开玩笑了，writing-mode可以说是CSS世界里面最逆天的CSS属性了，直接颠覆CSS世界的众多规则……
本月为4月压轴作品，大量demo，大量脑洞大开的创意处理，希望可以对您的学习有所帮助。
CSS direction属性简介与实际应用
2016年03月20日，星期日至少，在我接触的这么多项目里，没有见到使用过CSS direction属性做实际开发的。
为什么呢？是因为direction长得丑吗？
虽然说direction确实其貌不扬，但是CSS并不是一个看脸卖萌的世界。
那是因为兼容性吗？
那更不是了，在那个“美女”确实是美女的年代，包括IE6在内的浏览器，CSS direction就已经被支持……
我的应用
我的应用