CS5-Ai新功能-寬度工具

此為CS5中的新功能，不僅可將單調的筆畫加粗並調整其外型。另外也可增加多個控制點讓您的筆畫外型更有變化，調整完畢的筆畫還可進行儲存以備之後的套用與管理。這樣一來就不需要使用沾水筆筆刷or惱人的鋼筆工具(貝茲曲線)，也可完成粗細不依的線段樣式。老實說~鋼筆工具還是相當的重要...有時間還是多練一練。廢話不多說，請看以下示範...

CS5-Ai新功能-產生物件的三種模式

一般繪製:
在過去版本中，產生物件的模式為一般繪製，也就是新物件的深度會高於舊物件的深度，是不是看不太懂?簡單來說，就是愈新的物件深度就愈高。
在下圖中藍色物件就是已產生的舊物件，而黃色物件就是後來產生的新物件，如果要改變新物件的深度就必須利用”物件→排列順序”或按下”右鍵→排列順序”來控制。

What is 「CSS Sprites」?

通常被意譯為「CSS影像拼合」或「CSS貼圖定位」。CSS Sprites並不是一門新技術，目前它已經在網頁開發中發展得較為成熟，但CSS Sprites並不是什麼金科玉律，但在很多情況下，它有著一定的優勢，最重要的是它可以減輕服務器的負載，提高網頁加載速度。隨著Web設計朝向精緻、巧妙的方向發展，設計師們開始考慮使用非Javascript的方式製作鼠標滑過、點閱過的效果，這時CSS Sprite應運而生。

說白了，CSS Sprites其實就是把網頁中一些背景影像整合到一張影像文件中，再利用CSS的「background-image」、「background- repeat」、「background-position」的組合進行背景定位，background-position可以用數字能精確的定位出背景圖片的位置。

在CSS中所使用的單位

相對單位:

• px (像素，會隨著螢幕解析度而改變)
• % (百分比，相對於父元素。父元素可以是任何容器，例如:div、table、瀏覽器...等)
• em (假設父元素字型大小 9pt ,子元素字型大小為 2em ,結果子元素字型大小就是 18pt,也就是父元素的兩倍)
  例如 :
  body {font-size: 12pt;}
  h1 {font-size: 3em;}
  則標題一的文字大小會是36pt。
• ex (字母x的高度)

絕對單位:

• px(像素，螢幕解析度不改變的情況下)
  
• in (英吋)
• cm (公分)
• mm (公釐)
• pt (印刷點數)
• pc (1pc 等於 12pt)

CS5-Dw新功能-停用/啟用CSS屬性

在這個版本中的CSS樣式視窗有個新功能，對於剛開始的學習CSS的人還不錯!以往都是要刪除or手動加註解，這樣一來~會花費掉一些時間!現在只要點它一下即可，真的是愈來愈懶了...其功能就是"停用/啟用CSS屬性"。

What is 「CSS HACK」?

為自己做個筆記，不然常常忘東忘西的。

所謂的「CSS HACK」指的就是能夠解決瀏覽器問題的特殊技巧，僅管 W3C 制定了標準化的 CSS 和 XHTML 語法，但是，各家瀏覽器的支援程度卻不太一樣，因此衍生出了各種亂七八糟的問題，問題狀況輕的時候可能只是位置偏移了一點點，或是間距大了一點點....問題狀況嚴重的時候可能就會讓整個網頁的版面都垮掉了！

半透明效果

在網頁之中，如要對影像或有背景色彩的區塊加上半透明效果，並不需要由繪圖軟體著手(png的半透明)，僅需要一些CSS設定即可，但...卻又有瀏覽器的限制。

您不可不知的CSS群組化寫法

常常我們的 CSS 樣式中會有好幾個地方需要使用到相同的設定時，一個一個分開寫會是一件滿累人的工作，重覆性太高且顯得冗長，更不好管理....在 CSS 語法的基本設定中，就可以把這幾個相同設定的選擇器合併在一起，原本可能是寫了 7~8 行相同的語法，合在一起後就只要短短的一小行，怎麼看都讓人心曠神怡啊~

不可不知的各種CSS縮寫方式

使用CSS縮寫的好處

1. 當然就是CSS原始碼可變得更精簡，檔案也就更小。
2. 單一項目僅需一列即可清楚呈現，維護上與查找上也比較方便。
3. 看起來比較舒服啦~

解決各家瀏覽器排版的最佳方法「Reset CSS」

之前偶然在論壇上看到的東東，不知道對各位有沒有好處?
6666
重要的是我也還沒有測試過各瀏覽器的狀況~還是先貼再說吧!

使用CSS最令人頭痛的部分就是各家瀏覽器的差異性太多了，套句Amos說的~"腦殘的IE6"看起來正常，但是到了Firefox卻走了樣，位置全跑了...追根究柢之下才知道是IE6的問題，更何況還有IE7、IE8、Chrome、Opera、Safari...這麼多種不同的瀏覽器要測試，我想都應此要爆肝了吧!

會造成這樣大差距的主意在於「W3C 所制定的 HTML 標籤在 CSS 中的預設值」各家瀏覽器的支援程度都不太相同，基本上 Firefox 是最聽話的一家，只要是 W3C 規定的 Firefox 都會乖乖尊守，然而最不聽話的就是 IE 瀏覽器，常常跟 W3C 唱反調....唉！