╰☆ Myshero520╭☆

CSS 簡介

CSS 是 Cascading Style Sheets 的縮寫，
我們中文稱為「串聯樣式表」。
CSS 有甚麼好處？為甚麼要學呢？
以下說明幾點你就會發現使用 CSS 的好處。

它能讓我們更精確的控制網頁版面的文字、背景、字型等……
它能只修正一個 CSS 文件，
便可同時更新眾多的網頁版面外觀及格式。
它可以使 HTML 的文件內碼更精簡，縮小檔案下載的速度。
適用於各種作業平台。

W3C CSS 標準樣式

你是否也是為 IE 瀏覽器撰寫網站的族群呢？
雖然全球使用 IE 瀏覽器的佔大多數，
但使用 Netscape、Mozilla、Opera 瀏覽器有漸漸攀升的趨勢。
如果你的網站是為 IE 瀏覽器所撰寫，
可能在製作當中就不會去考慮到其他瀏覽器是否相容的問題；
不用 IE 你的網站還能夠保留原來的設計風貌嗎？
想要全方位網羅不同瀏覽器訪客的心，
應該要測試一下網站與瀏覽器的相容性。
W3C 所推薦的新標準，尤其是 XHTML
主要是希望讓網頁也能出現在手機或 PDA，
在未來使用標準相容的格式，是有其商業考量的優勢。

因此針對 CSS 串聯樣式表，我重新整理了教學。
限 IE 瀏覽器才能顯示的效果，也表示不符合 W3C CSS 標準，
皆歸類於 IE 運用教學。
想知道自己的樣式表是否達到 W3C 標準，
可以藉由以下 W3C 網站標準組織的檢查服務器來檢測。
▼http://jigsaw.w3.org/css-validator/
或者在自己的網頁加上自動測試網站 CSS 文件的連結
▼http://jigsaw.w3.org/css-validator/check/referer

CSS 基礎運用：
自訂選擇器
載入外部樣式

CSS 基本樣式：
文字樣式
項目符號
背景樣式
連結樣式
框線樣式
表單運用
邊界樣式
邊框空白
物件定位
相對位置1
相對位置2

CSS 技術運用：
利用項目符號製作連結按鈕圖片變換
利用項目符號標籤製作選單技巧
實現 Mozilla/NS6+ 瀏覽器透明濾鏡
連結樣式-用一張圖做連結圖檔變換
給IE單獨定義樣式-條件注釋
!important 獲得絕對的優先權
標籤元素同時使用兩個 class
變換網頁 Css 樣式呈現不同風格
display 屬性的運用
測試 W3C 標準時常會發生的錯誤
讓網頁指定的區域產生捲軸
實現 DIV 區塊橫向居中
DIV 與 SPAN 標籤元素的不同
CSS 運用之刪除捲軸
滑鼠動作-class 和 mouseover 的結合
物件定位-連結產生位移效果
背景樣式運用-內置框架完全透視
背景樣式運用-圖檔的結合
背景樣式運用-表單完全透視

IE 專用樣式：
IE 製作文字左右對齊

HTC 元件之文字色彩變換
避免沒斷行文字破壞
JS 滑鼠動作圖片濾鏡變換
IE 專用之彩色捲軸
IE 濾鏡之內置框架捲軸透視
IE 濾鏡之文字直書
IE 濾鏡之半透明效果
IE 濾鏡之漸層背景
IE 濾鏡之陰影和雕刻文字
IE 濾鏡之發光文字
IE 濾鏡之模糊陰影
IE 濾鏡之圖片濾鏡運用

myshero重新整理編輯\97.08.09-06