|
|
|---|
注意：部份特效 Mozilla Firefox 恐無法顯示
|
壹、CSS 基本認識： CSS 是什麼東東？CSS是「Cascading Style Sheets」的縮寫，Cascading 是串接、連接之意。 STYLE 是風格、款式之意；Sheets 則是一頁紙、表的意思。 所以中文可以稱為「串接樣式表」或「排版樣式表」。 當您瞭解 HTML 語法後，您便會發現在網頁排版上，似乎不太夠使用。 由於 HTML 發展當 4.01 就不再(能)擴充下去，所以只好依靠 CSS 啦。 他主要是用來控制文件中物件的更精密位置、大小、顏色...等等，讓整份文件有更佳的外觀，及可重復使用機制。 |
|
貳、如何開始使用<STYLE>標記： 如果要在一份 HTML 文件中直接定義樣式，那麼就使用 <STYLE> 這個標記 (TAG)。 這個標記是以 <STYLE> 開始，</STYLE> 做為結束。 建議把它放在 <HEAD> 中間，不放在這也可以，但是一定要放在 <BODY> 的前面就是了。 當你使用 <STYLE> 的時候，開始一定要宣告他的格式，TEXT/CSS 。 |
|
參、將 CSS 語法加入網頁中有加三個主要方式： 直接定義在原有的 HTML 標籤內，利用 STYLE 將語法直接加入原有標籤 <FONT> 內。 在 <HEAD> 與 </HEA> 之間宣告(又分三種用法)。 使用外部的 STYL SHEETS 檔案；利用前面介紹的第兩種方法，將 CSS 語法設定先寫好，然後將它成副檔名為 .css。 更多的範例在本報教學會員教材中，歡迎[加入]，謝謝使用。 |
|
肆、認識 <DIV>及<SPAN> 標籤 被 <DIV> 或 <SPAN> 標籤包起來的文字、圖片...任何東西，瀏覽器都會將之視作一個物件。 就如同我們在打包物品一樣，您可以一個包裹只包一件衣服，也可以一個包裹包衣服、鞋子、帽子等。 <DIV> 和 <SPAN> 標籤就是這種功能！您可以用 <SPAN> 標籤包住一段文字，該段文字就成了一個物件。 您也可以用 <SPAN> 標籤包住一段文字，一張圖、一個表格，那麼這三個東西也會被視作一個物件。 這兩個標籤在 DHTM(動態 HTML )中，是相當重要的，有些東西是可能是一張圖、一段文字要動來動去。 要一張圖動來動去還好，因為，一張圖本身就是一個「物件」。 但是，要怎樣讓瀏覽器知道某一句話，或是某一個字是一個物件？ 或是要讓圖片和表格同時動來動去，此時您就需要用到 <DIV>、<SPAN> 標籤。 |
|
伍、運用區塊濾鏡效果，讓文字產生陰影效果：
文字產生陰影效果 |
陸、利用區塊定位將兩隻蝴蝶固定在網頁某一點上：
|
|
柒、運用區塊定位及 JavaScript 程式，將一張卜克牌變大及縮小：
|
|
捌、運用 CSS 語法，產生特殊虛線外框：
|
|
玖、運用 CSS 語法，產生文字加底色或底圖：
|
|
拾、運用 CSS 語法，產生圖片左右或上下翻轉：
如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您 Go 。 凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。 詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。 |
|
結論與建議： 本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。 本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。 強烈建議您 學會HTML語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。 本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。 一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。 本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。 本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。 |