孤島．論調:．CSS分類文章簡文

．CSS分類文章　顯示方式：簡文 | 列表

2008年03月28日

．CSS編輯文字

css type set

相信對很多人來說單純看著語法實在很難想像呈現的樣子
之前我也介紹過一些關於編輯文字的語法（在此）
但終究無法達到「所見及所得」的便利
於是，這個網站提供了這個便利，讓編輯css可以更加直覺
雖然只能單純做文字的編輯，但相信能幫助新手對css的呈現更有概念

Posted by singleisland at 樂多Roodo!│ 21:15 │ 回應(4) │ 引用(0)

2008年02月3日

．CSS網摘

上班的第一個禮拜終於在持續疲倦中度過，難得有時間可以上網逛逛，看到不少好東西，趕緊備份一下，有機會再整理出來吧！

超完美CSS透明效果（opacity）解決方案

嗯…確實解決了問題，需要的可以參考參考

css縮寫原則整理

雖然我已經很習慣縮寫，但還是備份一下，或許哪天可以用到？

不可或缺的 53 種 CSS 效果

超級實用！雖然都是外國文，不過我相信css語言是無國界，大致能猜一下

IE 特異功能：類似 Photoshop 的濾鏡

雖然又是IE搞壟斷的技倆，不過他是多數的事實不容否認，還是可以參考參考（例如偶爾客戶要求一些奇怪的鳥效果，加行程式碼當然比開ps來的容易XD）

Posted by singleisland at 樂多Roodo!│ 23:03 │ 回應(0) │ 引用(0)
標籤：網摘

2008年01月25日

．修改字距、行距

在螢幕上的閱讀一直令我感到不舒適，不論介面如何修正
目前，對我來講還沒有一種可以取代書籍的方式產生
還是習慣隨性的找個地方坐下，拿著書摸著紙的觸感閱讀

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

字距：letter-spacing: 0.1em
行距：line-height: 120%

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

找到內文的標籤插入即可「個別定義」
或省點事，一次定義「整個版面」

附註：em：指當前字體中大寫字母M的寬度，會隨字體不同而有所變化。

Posted by singleisland at 樂多Roodo!│ 18:49 │ 回應(0) │ 引用(0)

2008年01月17日

．預覽不同瀏覽器顯示結果

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

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

Posted by singleisland at 樂多Roodo!│ 2:49 │ 回應(6) │ 引用(0)

2008年01月14日

．編輯Css的幾種方法

css的崛起對於網頁編輯人員應是一大進步，至少讓我脫離了用table定位圖片的地獄。不過在撰寫修改css時，您是否跟我一樣，老覺得Dreamweaver在css的配合上還是不夠直覺，甚至偶爾感到這軟體怎麼突然變得愚蠢！不過css當道是最近的事，跟軟體的完美搭配，我相信還要歷經幾次改版才能趨近使用者的需求。所以這次跟大家分享一下目前幾個比較直覺撰寫css的軟體：

▋CSSVista v0.15