DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 有趣的Unicode CSS類命名方式
有趣的Unicode CSS類命名方式
編輯:CSS詳解     
無意中發現這麼一套給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 */ }
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved