首页 > 开发 > CSS > 正文

有趣的Unicode CSS类命名方式

2024-07-11 08:43:28

字体：大中小

来源：转载

供稿：网友

无意中发现这么一套给CSS命名的方式。不过纯属娱乐，5key还是不建议这么弄的。还是要注意语义化，大家看看就好。
一个简单的结构：<div class="container">
　<div class="left-top">
　　<div class="right-top">
　　　<div class="left-bottom">
　　　　　<div class="right-bottom">
　　　　　　　content
　　　　　</div>
　　　</div>
　　</div>
</div>
老外用Unicode来给格式了一下：<div class="□">
　<div class="┌">
　　<div class="┐">
　　　<div class="└">
　　　　<div class="┘">
　　　　　content
　　　　</div>
　　　</div>
　　</div>
</div>
明白吗？看看注释：.□ { /* container styles */ }
.┌ { /* top-left styles */ }
.┐ { /* top-right styles */ }
.└ { /* bottom-left styles */ }
.┘ { /* bottom-right styles */ }

上一篇：Web标准:关于DOCTYPE

下一篇：CSS常用技巧十则

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注