HINA :: 工程幼稚園 :: [更新] 部落格版本與操作模式

views: 1049 times

Mobile:http://hina.ushiisland.net/blog/hinablue/m/204

因為工作的關係，強迫把 CSS 這一套鬼東西重新從腦袋瓜子裡更新了一次。當然，因為它的規格已經發佈到 CSS 3.0 的緣故，所以現在也趁勢重新在學習一次應該要學習的東西。雖然，打從 1996 年就已經發佈的規格，但是真正能全然運用，還是有一大段距離啊(菸)。

不過，我不確定現今的瀏覽器是不是能 100% 支援 CSS 3.0 這種規格，不過畢竟目前主流還是在 CSS 2.1 這套規則上，所以其實也還好，畢竟 CSS 2.1 對我來說並不是多麼困難或是特殊的東西，反倒是 3.0 讓我覺得比較有趣，比較貼近，或者說更為精進的排版概念的語言。

舉個例子，以 CSS 3.0 的 Advanced Layout Module 來說，它用文字描述的方式，產生 layout 的效果。以底下的程式碼為例(取自 CSS 3.0 Advanced Layout Module, Template-based positioning)：

<style type="text/css">
  dl { display: "ab"
                "cd" }
  #sym1 { position: a }
  #lab1 { position: b }
  #sym2 { position: c }
  #lab2 { position: d }
</style>
<dl>
  <dt id=sym1>A
  <dd id=lab1>A is een aapje
  <dt id=sym2>B
  <dd id=lab2>B is de bakker
</dl>

他產生了什麼樣的效果呢？不用急著去嘗試，因為現今的瀏覽器並不支援 3.0 的 Template-based positioning 這種規格的，所以說，你可以連到他的網頁去看，或者是，我畫給你看(底下以 table 效果呈現，增加底色為 ##e4e4e4，增加邊框 cellspacing=2，原樣式並無邊框與底色喔)：

A	A is een aapje
B	B is de bakker

這樣是不是更好用了呢？其實見仁見智，不過，我覺得這樣更符合排版的精神，比起繁瑣的 TABLE 標籤，這樣的作法真的人性化很多。只是，這樣的方式，往後 Layout 的模式卻又讓我想起 TeX/LaTeX 這一套有名的排版工具，我想，也許未來真的有一種職業，是專門在做 CSS 的 Layout 的也不一定呢。 BTW, TatterTools 升級至 1.1.1 版，版面更新，你可以選擇你的底圖風格，在右邊喔！enjoy it :)

ps. 從 1.0 版就一直詬病的 flash 上傳附件問題還是沒解決，真不知道是 flash 版本問題，還是伺服器主機的問題，不過，伺服主機我怎麼改，就是沒辦法用，也許真的無解了吧？

ps2. CSS 3.0 preview(只限Mozilla Firefox, Opera, Safari/Webkit使用者)
IE?? 喔喔喔喔喔喔~~~~ KEY假賽啦 (H)

創用 CC 授權