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

CSS样式表
可以给img元素设置背景图
不通过JavaScript实现的自动滚动视差效果
学DIV+CSS技术,如何入门?
XHTML+CSS制作样式风格切换的WEB站点
解决IE6.0、IE5.0、IE5.5差异
DIV+CSS制作的个性水平导航菜单实例
css里expression实现界面对象的批量控制
利用CSS框架进行高效率的站点开发 Elements
CSS模块化设计:从空格谈起
在IE流览器中正确显示PNG透明图片
CSS样式表创建美妙绝伦的网站
性感的CSS菜单(Menus)
CSS教程关于css框架网页设计
以HTML为基础学习DIV+CSS
提高CSS文件可维护性的五种方法
dl、dt、dd 标记来改造163邮箱的广告条
WEB前端涉及的布局、结构化和标准化
CSS网页制作布局实例教程
CSS教程:认识层叠规则互相作用
ul结合CSS制作网页相册滑动浏览效果

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


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