有趣的Unicode CSS类命名方式

2016-02-19 23:09 3 1 收藏

人生本是一个不断学习的过程，在这个过程中，图老师就是你们的好帮手，下面分享的有趣的Unicode CSS类命名方式懂设计的网友们快点来了解吧！

【 tulaoshi.com - Web开发】

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）无意中发现这么一套给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 */ }

来源:https://www.tulaoshi.com/n/20160219/1629365.html

上一篇：利用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJA
下一篇：内存卡读不出来终极解决方法

看过《有趣的Unicode CSS类命名方式》的人还看了以下文章更多>>

CSS样式命名规范

标签： Web开发

命名一直是个让我头痛的问题，特别是那些看上去差不多的模块，所以就得想办法啦，我总结了下面的方法，虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。具体如下：要注意的内容：一，命名所选用的单词应选择不过于具体表示某一状态（如颜色、字号大小等）的单词，以避免当状态改变时名称失去意义。二，样式类名由以字母开头...

CSS样式命名规则及参考命名标准

标签： Web开发

(一)常用的CSS命名规则头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：Logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链...

CSS教程:文件命名规则

标签： Web开发

遇到一个很实际的问题：由于不想增加目录的深度，减少磁盘寻址的时间，需要减少一些目录层级。大家都知道建立文件夹是为了让文件管理更加的方便，现在需要减少文件夹，如何保持文件管理的方便就成为必需解决的。很容易我们想到通过命名来解决这个问题，那是不是随便一个命名都能起来方便管理的作用呢？样式的命名规则是否适用？...

CSS常用命名参考

标签： Web开发

在XHTML中定义ID、CLASSS都用得上，主要是方面CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。 (1)页面结构类容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper (2)导航类导航：nav 主导航：mainnav 子导航：su...

网页切图、css命名规则

标签： Web开发

头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：Logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：fo...

查看更多精彩>>