chibc-暗月之鏡

*OOCSS物件導向的CSS設計概念*
重點1. 把物件(定位)和skin (皮)分開，以利維護及重覆使用
重點2. 把內容和 容器分開 
缺點是HTML那邊會看起來比較亂
翻譯 via +暗月之鏡 - 我英文不夠好，有翻錯還請大家提醒我啊
簡介物件導向CSS（OOCSS）
原文- 路易Lazaris 12, 12，2011 
你聽過 "內容是王道" 這句吧? 身為網頁開發者你的工作也許就是經常要去創造內容，幾乎都聽過這句。雖然是老生常談但確實是吸引使用者來訪的真正原因。
但從Web開發者的角度，也有些人認為，速度才是王道。漸漸的，我個人越來越同意這個看法，近年來許多前端設計師都提出建議，利用改善效能及速度來增進使用者體驗的經驗。
不過，CSS似乎沒趕上這個風潮，大部分被出來提升效能的方法都集中在JavaScript和其他領域。本文會針對CSS這個被忽視的領域，向您介紹物件導向的CSS概念，它可以幫助提高網頁性能和可維護性。
= OOCSS的原則 ========
一如所有物件導向的編碼方式，OOCSS鼓勵代碼重覆利用，創造容易增加及維護，並且更快更有效的CSS樣式表。

噗浪 (plurk)今天早上改版，把plurktop改成 plurk的首頁
另外把推文移到消音的左邊

但是因為使用者習慣的問題，大家會一直誤點首頁和推文
所以這裡做了一點修正的CSS

聽說整個河道都在找這個語法
是真的plurk改那個紅底很醜沒錯啦 =..=
既然大家都在找，我就來個工商服務吧...
有需要的copy之後貼在最下面再存檔

做個紀念 XD
自從上次的水墨版CSS之後，將近半年沒改版啦~~
這次因為寒流來，所以就改了個冬季的版面
不過...按日期來看，現在應該還是算在秋天才對

2011/01/15 更新簡易版 點此直接換置
換好之後一樣到"自訂外觀" 找第一行的 body{background: url(http://........jpg); border:hidden; margin: 0;}
把圖片網址放在url() 中間就行了 

配合萬聖節來應景囉~
PIXNET 痞客幫的BLOG樣式更新成萬聖節主題模式~~ 啦啦~
基本上是用PIXNET的樣式改的，而且我相本流量早就掛掉了，所以應該不能投痞客的樣式~
如果用痞客的人也喜歡的話，再另外留言和我要吧~

因為沒時間加上懶，所以暫時不想設計自己的BLOG
不過套用固有的版型又無法滿意，所以使用最接近需求的版型來做微調
順便，簡介一下CSS語法修改的方法，我這裡要借助DW，dreamweaver 網頁編輯程式

說到改BLOG樣式就不能不扯到CSS，那麼，這個CSS又是什麼東西呢?
接下來就做個簡單的介紹吧~
一般的BLOG服務都會提供後台，用來設定基本的資料還有自訂BLOG的樣式等等的設定
其中，樣式設定裡面，有個自訂樣式或是原始碼編輯
裡面是通常一大堆像火星文的東西，這個就是所謂的CSS樣式表
CSS是用來設定HTML網頁裡的圖片、表格、文字等等元素的樣式
用人和衣服來比喻的話
HTML裡的內容元素是人，CSS就是衣服
CSS有好幾種穿法，有直接在HTML裡拿衣服穿
(所謂的行內CSS樣式，例如: <p stlye="color:red;")
也有用針對HTML裡的元素指定某個衣櫃一口氣穿裡全部的衣服這種穿法
(所謂的外連式CSS，例如: <p class="title">)
這種衣櫃看放的地方不同，又有分放在HTML和外連兩種。
放在HTML裡的就是同一個HTML裡會看到用<style>標籤包起來集中管理的各種CSS樣式衣櫃
例如 <style> .title{color:red;}  </style>
外連的就像是BLOG的CSS設定一樣，是完全獨立於HTML，另外有一個.CSS的衣櫃庫放衣服
在HTML裡會看到一行 <link href=".../.../某某.css" rel="stylesheet" type="text/css">
然後另外會有一個.CSS的檔案，裡面全都是放滿衣服的CSS衣櫃