手机
当前位置:查字典教程网 >网页设计 > 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类命名方式】相关文章:

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

CSS编写小技巧

有用的CSS网格框架

input的Css样式

表格列表偶数列、奇数列的CSS样式示例

web标准化设计环境中常用的CSS命名规则

css中换行的几种常用方式整理

css让容器水平垂直居中的7种方式

如何在一个页面做两种超链接的CSS样式

Td或Div文字超出宽度的CSS隐藏方法

精品推荐
分类导航