有趣的Unicode CSS类命名方式

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

　　推荐阅读

　　动态加载外部css或js文件

原理解析：第一步：使用dom创建<script>或者<link>标签，并给他们附加属性，如type等第二步：使用appendChild方法把标签绑定到另一个标签，一般是绑到<head>. 应用：1、提高代码的复用，减少代码量；2、添加一>>>详细阅读

本文标题：有趣的Unicode CSS类命名方式

地址：http://www.17bianji.com/kaifa2/CSS/17229.html

1/2 1