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

CSS样式表
使用XHTML1.0 Strict中需要特别注意的地方
CSS制造:鼠标移上去显示大图
在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
调用265天气预报,不显示链接
HTML 向 XHTML1.0 兼容性指导
第4天:调用样式表
第5天:head区的其他设置
第6天:XHTML代码规范
第8天:CSS布局入门
第9天:第一个CSS布局实例
第11天:不用表格的菜单
第12天:校验及常见错误
Image(图像)对象
Cross-Browser Variable Opacity with PNG
收藏了很久的CSS的十八般技巧
用CSS实现下拉菜单的多种方法
何为XHTML??
非常好的CSS基本布局16例
95%的中国网站需要重写CSS
转载未知大小的图片在一个已知大小容器中的水平和垂直居中(二)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 95 ::
收藏到网摘: 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 */ }