[BLOG]pixnet CSS架構圖

痞客模板CSS標籤詳細版轉自★╮涵．苞．待．放╭☆
我只能說這東西真是太讚了！v(￣︶￣)y
雖然官方已經釋出CSS架構圖，但因為是圖片，搜尋起來總有些麻煩，
有了這東西就方便多了^__^
( 感謝欽小涵整理 )

整個頁面

body　/*整個介頁面*/
#body-div　/*整個頁面*/
a　/*超連結*/
a:hover　/*滑鼠移動到超連結上時*/
#container　/*所有內容區塊*/
#container2　/*所有內容區塊2*/
#container3　/*所有內容區塊3*/

後台管理列

#authority　/*後台管理列*/
#newpost　/*發表新文章*/
#backstage　/*進入後台*/

橫幅

#header　/*橫幅*/
#login-bar　/*招呼語&登入登出*/
#banner　/*橫幅主要內容*/
#banner h1　/*部落格標題*/
#banner .skiplink　/*跳到主文*/
#banner h2　/*部落格描述*/
#blog-category　/*部落格全站分類*/

其他服務頁面導覽

#navigation　/*其他服務頁面導覽*/
#navigation a　/*其他服務連結區塊內的所有連結*/
#navigation li　/*其他服務連結區塊內的所有項目*/
#link-album　/*相簿連結*/
#link-blog　/*部落格連結*/
#link-guestbook　/*留言版連結*/
#profile　/*名片連結*/

文章公告版位

#spotlight　/*公告版位*/
#spotlight h5　/*公告版位標題*/
#spotlight-text　/*公告版位內容*/

文章主要內容區

#content 　/*主要內容區*/
#article-area　/*文章+列表+回應區塊*/
#article-box　/*文章+列表區塊*/
.article-area-title　/*文章+列表區塊之標題*/
#display　/*瀏覽模式*/
#display span　/*瀏覽方式這四個字*/{}
#display a　/*標題列表/簡短摘要*/{}
.article-head　/*文章標題+發表時間*/
.publish　/*發表時間*/
.month　/*月*/
.date　/*日*/
.dat　/*週*/
.year　/*年*/
.time　/*時*/
.title h2 a　/*文章標題*/
.title h2 img　/*文章標題前的密碼圖示/隱藏圖示/好友保護圖示*/{}
.article-body　/*文章內容區*/
.bookmark　/*加入書籤*/
.article-content　/*文章內文*/
.more　/*繼續閱讀*/
.fans-club　/*小圈圈討論*/
.author　/*發表作者和時間*/
.farward　/*轉寄文章*/
.article-footer　/*文章附加資訊*/
.refer　/*文章分類*/
.history　/*歷史上的今天*/
h6　/*歷史上的今天的標題*/
ul　/*文章分類*/
.back-to-top　/*回到頁首*/
.main-list　/*標題模式的文章列表*/
table　/*表格*/
tr　/*行*/
.list-num　/*標號標題*/
.list-date　/*發表時間標題*/
.list-title　/*文章標題標題*/
.list-visit　/*人氣標題*/

文章回應及引用區

.list-comment　/*回應標題*/
#user-post　/*回應+引用區塊*/
#trackback-box.user-post-box　/*引用區塊*/
#trackback-title.user-post-title　/*引用區塊標題*/
.img　/*開合圖示*/
.span　/*標題文字*/
#trackback-url　/*引用網址*/
#trackback-input　/*網址鈕*/
.input　/*複製鈕*/
#trackback-text.user-post-text　/*所有引用區塊*/
.single-post　/*單一引用*/
.post-info　/*引用者資訊*/
.post-text　/*單一引用內容*/
#comment-box.user-posy-box　/*回響區塊*/
#comment-title.user-post-title　/*回響區塊標題*/
.img　/*開合圖示*/
.span　/*標題文字*/
.post-comment　/*留下回響*/
a　/*留下回響超連結*/

#comment-text.user-post-text　/*所有回響區塊*/
#user-post　/*引用及回應列表全部的大範圍*/
#trackback-box　/*僅引用區塊*/
#trackback-text　/*引用內容區塊*/
#trackback-title　/*引用列表標題*/
#trackback-box .single-post　/*單一引用*/

.post-comment　/*留下迴響*/
#comment-box　/*僅回應列表*/
#comment-title　/*回應列表標題*/
#comment-text　/*回應內容區塊*/
#comment-box .single-post　/*單一回應*/
.reply-message　/*回覆回響*/
.user-ip　/*回響者IP*/
.post-photo　/*回響者頭像*/
.a img　/*回響者頭像*/
.post-text　/*單一回響內容*/
.lireply-text　/*回覆回響內容*/
a　/*留下回響超連結*/
.page　/*頁數*/
.post-info　/*回響者資訊*/
.b　/*樓層數*/
.img.hidden-message　/*公開/隱藏回響*/
.user-name　/*回響者名稱*/
.img.pixnet-user　/*PIXNET會員圖示*/
.home-page　/*回響者網址*/
.span.post-time　/*留下回響時間*/

.user-post-title　/*引用列表標題+回應列表標題*/;
.user-post-text　/*引用內容區塊+回應內容區塊*/
.single-post　/*單一引用+單一回應*/
.post-info　/*引用者資訊+回應者資訊*/
.post-text　/*單一引用內容+單一回應內容*/
.post-text p　/*單一引用標題+單一回應標題*/

.reply-text　/*版主回覆內容*/
.reply-text p　/*版主回覆資訊*/
.secret　/*悄悄話*/
.show-message/a.hide-message　/*公開/隱藏*/
.delete-message　/*刪除回響*/