关注【索引目录】服务号，更多精彩内容等你来探索！
你有没有想过，如果你的 CSS 属性是真人，它们会是什么样子？我的意思是，你花了这么多时间研究它们，难道你不想知道它们在现实生活中会是什么样子吗？
是的，我知道。现在让我向你介绍一些 CSS 界的人物，看看你是否已经认识他们了！
显示：flex - 瑜伽教练
只需铺开瑜伽垫并呼吸
认识一下display: flex，CSS 的瑜伽教练。他总是谈论对齐、平衡和流畅。
“让我们以完美的和谐来集中一切”，他们一边说着，一边让你的内容以你从未想过的方式弯曲。
他们出奇地灵活（一语双关），能够适应任何情况。如果您需要帮助，Flex 随时值得信赖。
位置：绝对 - 孤独者
创建自己的路径，它将使您免于排队
立场：绝对型的人就是那种在聚会上总是坐在角落里的朋友。他们不遵循正常的谈话流程，只是随意地摆出一副自己想要的姿态，希望其他人都围着他们转。
他们非常独立，但也有点需要帮助，如果你不给他们的父母他们所需要的位置，他们就不会做你想做的事。
与此同时，他们会无视一切常规，随心所欲地四处游荡。他们就是毕业照里那个与其他人截然不同的人。
z-index: 9999 - 注意力寻求者
我不是一个爱炫耀的人——我是一个爱表演的人！
z-index: 9999 指的是那种无论何时都要出现在照片最前面的人。他们总是在寻求关注，为了显得聪明、光彩照人，什么都做得出来。
他们基本上是那种总是打断谈话来分享他们的最新成就的朋友，无论讨论的是什么。
overflow: hidden - 秘密之人
眼不见，心不烦
overflow: hidden 指的是那种把所有东西都扫到地毯下的人。他们总是在你来访前把衣柜收拾干净，但你知道他们的衣柜里肯定乱糟糟的。
当你的内容出现问题时，它们确实很有帮助，但有时它们会隐藏你真正想看的内容。而且，当你给他们发一条长短信时，他们只会读一半，而忽略剩下的部分。
自动保证金 - 和平缔造者
最佳年龄是平均年龄
margin: auto是 CSS 的和事佬。他们总是试图找到中间立场，让每个人都满意。
他们非常善于外交，可以解决几乎任何冲突，他们只需检查各方立场，然后找到一个让每个人都能达成妥协的解决方案。
但请记住，不要要求他们处理垂直居中，否则他们会一动不动地站着，一言不发，不知道该如何回应。
边界半径：50% - 敏感人士
我希望能见到你！
border-radius: 50%是敏感的人，很容易被尖锐的评论所伤害，并且永远不会伤害任何人。
他们乐观谨慎，从不敢过着边缘生活。潜意识里，即使已经有人坐，他们也总是选择餐厅的圆桌，毛绒动物是他们最喜欢的动物。
不透明度：0.5 - 幽灵
🤫
opacity: 0.5是 CSS 的幽灵。它们存在，但实际上并不存在。
他们很害羞，匆匆走过你身边时，会紧张地低声说“我只是路过”。他们给你写字条时，字迹潦草，几乎看不清，你得眯着眼才能看清。
他们总是和你在一起，但他们很少说话，当他们说话时，他们的声音很低，让你怀疑他们是否真的说了什么。
https://dev.to/perssondennis
变换：旋转（45度） - The Dizzy One
让我们从倾斜的侧面看一下……
transform: rotate(45deg)就是那种总是歪着头从不同角度看东西的人。他们说“旋转一下，所有东西看起来都更好”，但实际上却让你的文字完全无法阅读。
他们富有创造力，看待世界的方式与众不同。他们总是对事物有独特的见解，即使有时可能有点令人困惑。只是别让他们做你的家庭作业——老师会知道作业不是你写的。
@media查询 - 变色龙
关注【索引目录】服务号，更多精彩内容等你来探索！