有趣的Unicode CSS類(lèi)命名方式_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
無(wú)意中發(fā)現(xiàn)這么一套給CSS命名的方式。不過(guò)純屬娛樂(lè),5key還是不建議這么弄的。還是要注重語(yǔ)義化,大家看看就好。
一個(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來(lái)給格式了一下: <div class="□">
<div class="┌">
<div class="┐">
<div class="└">
<div class="┘">
content
</div>
</div>
</div>
</div>
明白嗎?看看注釋?zhuān)? .□ { /* 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來(lái)給格式了一下: <div class="□">
<div class="┌">
<div class="┐">
<div class="└">
<div class="┘">
content
</div>
</div>
</div>
</div>
明白嗎?看看注釋?zhuān)? .□ { /* container styles */ }
.┌ { /* top-left styles */ }
.┐ { /* top-right styles */ }
.└ { /* bottom-left styles */ }
.┘ { /* bottom-right styles */ }
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
- 巧用CSS濾鏡制作絢麗圖片播放效果
- 多彩文字(MultiColoredText)的制作Clip屬性
- CSS教程5、Margin和Padding[翻譯Htmldog]
- IE8 CSS hack實(shí)例代碼
- 應(yīng)該如何合理的應(yīng)用CSS整體布局聲明
- Web標(biāo)準(zhǔn):關(guān)于DOCTYPE
- 解決IE和Mozilla的布局差別的利器:“!important”
- 網(wǎng)頁(yè)設(shè)計(jì)關(guān)于WEB標(biāo)準(zhǔn)的相關(guān)問(wèn)題匯總
- 在IE中用javascript配合使用first-child偽類(lèi)
- What is CSS - Introduction
猜你也喜歡看這些
- HTML網(wǎng)頁(yè)META標(biāo)簽內(nèi)容寫(xiě)作規(guī)范要點(diǎn)
- XHTML編碼七條基本規(guī)范
- 添加和刪除HTML節(jié)點(diǎn)的簡(jiǎn)單示例
- 鏈接的rel與target詳解
- HTML表格標(biāo)記詳細(xì)講解(適合初學(xué)者)
- HTML表格標(biāo)記教程(24):行的水平對(duì)齊屬性ALIGN
- HTML表格標(biāo)記教程(20):行的背景色屬性BGCOLOR
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- HTML表單標(biāo)記教程(5):文字域標(biāo)記
- 網(wǎng)頁(yè)制作中使用規(guī)范的HTML代碼的幾點(diǎn)
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-有趣的Unicode CSS類(lèi)命名方式
。