有趣的Unicode CSS類命名方式_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
無意中發(fā)現(xiàn)這么一套給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 */ }
一個簡單的結構: <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 */ }
相關CSS教程:
- 相關鏈接:
- 教程說明:
CSS教程-有趣的Unicode CSS類命名方式
。