本文主要介绍平行四边形布局的实现效果，使用了一种可能你没用过，但实际项目中可以实践的新的CSS布局方式。
“CSS相关”目录存档
CSS实现平行四边形布局效果
2019年04月20日，星期六CSS :focus-visible伪类让我感动哭了
2019年03月24日，星期日
:focus-visible可以让我们知道元素的聚焦行为到底是鼠标触发还是键盘触发，从而可以更有效地控制浏览器中因为focus行为触发的outline轮廓样式，解决了我一个困扰我多年的难题。
伪类匹配列表数目实现微信群头像CSS布局的技巧
2019年03月11日，星期一
快速了解CSS新出的列选择符双管道（||）
2019年02月11日，星期一
列选择符是规范中刚出现不久的新选择符，写作双管道||，是两个字符，和JavaScript语言中的逻辑或写法一致，这个选择符可以让选择所有属于某一列的对应单元格，哪怕这个单元格元素横跨多列。
写给自己看的CSS shapes布局教程
2019年02月2日，星期六
本文详细介绍CSS Shapes布局，兼容性不错，移动端项目和中后台项目都可以使用，可以实现很多很棒的布局效果，需要和浮动配合使用。不仅支持基础图形，还支持PNG，SVG图像，以及渐变图形的环绕效果。是非常值得学习的一种布局方式。
写给自己看的CSS columns分栏布局教程
2019年01月31日，星期四
CSS var变量的局部作用域（继承）特性
2019年01月26日，星期六
常见的CSS图形绘制合集
2019年01月14日，星期一
粉丝群第1期CSS小测点评与答疑
2019年01月12日，星期六
上周新建了一个粉丝群，周三发小测题目，每周依次是CSS、DOM和JS，周六上午答疑，答疑方式是直播加群聊。然后今天上午进行了第一次的直播答疑，是一个简单的CSS布局问题，本文可以看成是本次答疑的文档版。如果你也想要加入粉丝群，可以参见文末的信息。
我的应用
我的应用