繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 有趣的Unicode CSS类命名方式
- CSS样式表
- CSS 关于网页图片的属性
- CODEPAGE 列表与asp应用例子
- html 的 ContentType 小结
- 不要使用CSS Expression的原因分析
- css ie6 ie7 ff的CSS hack使用技巧
- div+CSS网页布局的意义与副作用原因小结
- iframe自适应高度的多种方法方法小结
- css display:none使用注意事项小结
- html工作中表格<tbody>标签的使用技巧
- input为disabled提交后得不到该值的解决方法
- Css Reset(复位)方法整理
- css首字放大实例代码
- 让IE ff Opera同时支持Alpha透明的方法
- WEB标准网页布局中尽量不要使用的HTML标签
- css网页布局中注意的几个问题小结
- 指定网页的doctype解决CSS Hacking方法总结
- 左侧固定宽度，右侧自适应宽度的CSS布局
- DIV+CSS经常用到的属性、参数及说明
- 校内网css代码添加背景图片常用代码
- css 通配符用法总结
CSS样式表 中的 有趣的Unicode CSS类命名方式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 146 ::
收藏到网摘: 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 */ }
评论 (0) All
