当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 有趣的Unicode CSS类命名方式

CSS样式表
用CSS实现鼠标单击特效
引入CSS样式的五种方式
用CSS实现文字变图象特效
expression将JS、Css结合起来
alt属性和title属性
CSS使用技巧20则
CSS重新定义项目符号和编号技巧
CSS编辑工具Topstyle轻松打造网页风格
深入探讨CSS中字体元素
CSS经典实用技巧18招
FCKeditor 实战技巧
China.com网站开发规范
小三角的做法与使用
网站首页head区代码规范
动态更改网页HTML元素(对象)内容
css静态滤镜 + A:Hover
解读absolute与relative
怎样管理好样式
2006.12.06更新 TopStyle剪辑库
又一个典型css实例

CSS样式表 中的 有趣的Unicode CSS类命名方式


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 90 ::
收藏到网摘: n/a

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