手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >有趣的Unicode CSS类命名方式
有趣的Unicode CSS类命名方式
摘要:无意中发现这么一套给CSS命名的方式。不过纯属娱乐,5key还是不建议这么弄的。还是要注意语义化,大家看看就好。一个简单的结构:conten...

无意中发现这么一套给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 */ }

【有趣的Unicode CSS类命名方式】相关文章:

CSS网页布局ID和Class类的命名介绍

css的三种定位方式使用探讨

CSS如何控制li标记样式

CSS各种文字对齐方式代码

发现两个有趣的CSS3动画效果

css的margin缩写方式

20个让你学习并精通CSS的国外网站

网页添加CSS样式表的四种方式

编写CSS代码时样式命名的规则

有用的CSS网格框架

精品推荐
分类导航