孤島．論調-．CSS http://blog.roodo.com/509/archives/cat_470493.html 說著說著，看著生活藉由文字留下痕跡 zh-tw Roodo Blog System All Rights Reserved ．CSS編輯文字 css type set
相信對很多人來說單純看著語法實在很難想像呈現的樣子
之前我也介紹過一些關於編輯文字的語法（在此）
但終究無法達到「所見及所得」的便利
於是，這個網站提供了這個便利，讓編輯css可以更加直覺
雖然只能單純做文字的編輯，但相信能幫助新手對css的呈現更有概念
]]> http://blog.roodo.com/509/archives/5771455.html http://blog.roodo.com/509/archives/5771455.html ．CSS Fri, 28 Mar 2008 21:15:35 +0800 ．CSS網摘 上班的第一個禮拜終於在持續疲倦中度過，難得有時間可以上網逛逛，看到不少好東西，趕緊備份一下，有機會再整理出來吧！
嗯…確實解決了問題，需要的可以參考參考
雖然我已經很習慣縮寫，但還是備份一下，或許哪天可以用到？
超級實用！雖然都是外國文，不過我相信css語言是無國界，大致能猜一下
雖然又是IE搞壟斷的技倆，不過他是多數的事實不容否認，還是可以參考參考（例如偶爾客戶要求一些奇怪的鳥效果，加行程式碼當然比開ps來的容易XD） ]]> http://blog.roodo.com/509/archives/5497271.html http://blog.roodo.com/509/archives/5497271.html ．CSS Sun, 03 Feb 2008 23:03:42 +0800 ．修改字距、行距 目前，對我來講還沒有一種可以取代書籍的方式產生
還是習慣隨性的找個地方坐下，拿著書摸著紙的觸感閱讀

所以既然我只能忍受字體最大到12px
那為了取得閱讀舒適與美感的小小平衡
我們可從「字距」、「行距」下手
在CSS中定義這二種屬性方式如下：

  • 字距：letter-spacing: 0.1em
  • 行距：line-height: 120%
使用前後

數值請隨自己喜好調整，使用方法一樣很簡單：

  • 找到內文的標籤插入即可「個別定義」
    • （ex：.main、.side...）
  • 或省點事，一次定義「整個版面」
    • （ex：.content、body...）
附註：em：指當前字體中大寫字母M的寬度，會隨字體不同而有所變化。 ]]> http://blog.roodo.com/509/archives/5151683.html http://blog.roodo.com/509/archives/5151683.html ．CSS Fri, 25 Jan 2008 18:49:11 +0800 ．預覽不同瀏覽器顯示結果

編輯網頁最痛苦的莫過於，不能肯定別人看到的畫面，跟自己看的有沒有一樣？而造成這個結果的原因，又是一段說來話長的故事，也是一段由不得我們的故事。既然知道會有這種結果，設計師能做的也就盡力讓網頁在各家瀏覽器中看起來「差不多」，這本事其實也算是網頁設計師的專業技巧～

這個日本網站提供了「非常殺」的功能（我強烈覺得DW該內建這個功能），讓您只要輸入網址後，就可以同時預覽網頁在不同瀏覽器、甚至不同版本間的顯示結果，但是免費只能勾選最新版本的瀏覽器，如果要預覽不同版本瀏覽器的就....得付錢嚕 XD

]]> http://blog.roodo.com/509/archives/4993677.html http://blog.roodo.com/509/archives/4993677.html ．CSS Thu, 17 Jan 2008 02:49:42 +0800 ．編輯Css的幾種方法 css的崛起對於網頁編輯人員應是一大進步，至少讓我脫離了用table定位圖片的地獄。不過在撰寫修改css時，您是否跟我一樣，老覺得Dreamweaver在css的配合上還是不夠直覺，甚至偶爾感到這軟體怎麼突然變得愚蠢！不過css當道是最近的事，跟軟體的完美搭配，我相信還要歷經幾次改版才能趨近使用者的需求。所以這次跟大家分享一下目前幾個比較直覺撰寫css的軟體：


▋CSSVista v0.15

  • 輸入網頁所在網址後，即可「所見即所得」的開始編輯css
  • 可以同時預覽在「IE、FF」下的顯示結果
  • 支援語法提示，讓撰寫更加迅速
  • 僅能編輯上載後的網頁，有點遺憾
  • 需先安裝Microsoft .NET Framework 2.0（已一併壓縮）

▋套件：Firebug v1.05（推薦！）
  • 需配合firefox瀏覽器安裝使用
  • 支援語法提示，讓撰寫更加迅速
  • 一樣是「所見即所得」的即時編輯預覽
  • 滑鼠指向選取的div區塊時，網頁上立即用色塊標示
  • 除了編輯css之外，也能即時編輯html、java原始碼

▋套件：Web Developer
  • 需配合firefox瀏覽器安裝使用
  • 一樣是「所見即所得」的即時預覽
  • 編輯css只是其中一個小功能，還有很多其他的網頁功能
▋套件：IE Developer Toolbar
  • 需配合Internet Explorer瀏覽器
  • 一樣是「所見即所得」的即時預覽
  • 功能應該差不多，但本人對微軟有偏見，故沒試用過
]]> http://blog.roodo.com/509/archives/4976809.html http://blog.roodo.com/509/archives/4976809.html ．CSS Mon, 14 Jan 2008 01:07:41 +0800 ．用display: block換行
最新回應標題之後的人名是不是讓您感到破壞版面呢？
或者甚至您覺得人名應該自動換行到標題之下比較ok？
由於「最新回應」這個欄位不能自己設定換行
所以長久以來大家都視而不見的讓版面變成「那樣」
其實要解決很簡單只要在樣式表內（任意位置）加入這行：

.side A {DISPLAY: block;BACKGROUND: none;}

即可得到下面效果：

]]> http://blog.roodo.com/509/archives/4711127.html http://blog.roodo.com/509/archives/4711127.html ．CSS Sun, 23 Dec 2007 03:40:32 +0800