有趣的Unicode CSS类命名方式

有问必答网吧

有问必答网吧

2016-02-19 23:09

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

(本文来源于图老师网站,更多请访问https://m.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 */ }
展开更多 50%)
分享

猜你喜欢

有趣的Unicode CSS类命名方式

Web开发
有趣的Unicode CSS类命名方式

规范Web站点设计css类以及id的命名方式

Html CSS布局 Div+CSS XHTML
规范Web站点设计css类以及id的命名方式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS研究教程:类名的长命名和短命名

Web开发
CSS研究教程:类名的长命名和短命名

CSS制作网页的类以及ids的命名

Web开发
CSS制作网页的类以及ids的命名

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS类及id的规范化命名

Html CSS布局 Div+CSS XHTML
CSS类及id的规范化命名

对CSS类及id的规范化命名

Html CSS布局 Div+CSS XHTML
对CSS类及id的规范化命名

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

利用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJA

利用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJA

内存卡读不出来终极解决方法

内存卡读不出来终极解决方法
下拉加载更多内容 ↓