有趣的Unicode CSS類命名方式
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 19:27:02 作者:佚名
我要評(píng)論

無意中發(fā)現(xiàn)這么一套給CSS命名的方式。不過純屬娛樂,5key還是不建議這么弄的。還是要注意語義化,大家看看就好。
一個(gè)簡(jiǎn)單的結(jié)構(gòu):
<div class="container">
<div class="left-top">
<div class="right-top">
無意中發(fā)現(xiàn)這么一套給CSS命名的方式。不過純屬娛樂,5key還是不建議這么弄的。還是要注意語義化,大家看看就好。
一個(gè)簡(jiǎn)單的結(jié)構(gòu): <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 */ }
一個(gè)簡(jiǎn)單的結(jié)構(gòu): <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 */ }
相關(guān)文章
- css樣式表中字體亂碼,為了方便大家好查,整理了些中文名 Unicode,特此獻(xiàn)給其他前端開發(fā)的朋友們,強(qiáng)烈建議不要用中文注釋2014-09-06
WEB頁(yè)面HTML分析工具 V1.1 綠色中文免費(fèi)版 支持Unicode編碼的各種html/
WEB頁(yè)面HTML分析工具支持自動(dòng)分析網(wǎng)頁(yè)中包含的對(duì)象2013-04-12- 這篇文章主要介紹了CSS 常用中文字體 Unicode 編碼表的相關(guān)資料,需要的朋友可以參考下2018-01-04