论坛交流
首页| 办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库 |  Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准，xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{CSS}有趣的Unicode CSS类命名方式

文章类别：div+css布局 | 发表日期:2008-9-26 11:34:32
无意中发现这么一套给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}调整CSS类型的顺序改变链接翻滚 人气:4394
下一篇：{CSS}Web标准:关于DOCTYPE 人气:2983
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程