5key.net

无意中发现这么一套给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 */ }

Random Posts

• 利用hover属性制作切换图片效果 (0)
• Dreamweaver 代码片断 提高css开发效率 (1)
• CSS文字间距 (0)
• JS创建优美的页面滑动块效果 – Glider.js (14)
• wordpress主题推荐 (2)
• PNG结合CSS渐变文字效果 (15)
• 环艺IMAX 《Avatar》购票记 (4)
• 关于收货地址 (8)
• iPhone演示动画 (0)
• WordPress官方站点主题 (4)

这篇文章发布于 2007年12月6日，Thursday，21:45，归类于 web开发。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。