|
|
|---|
|
壹、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語法加入網頁中有加三個主要方式： 1、直接定義在原有的HTML標籤內，利用STYLE將語法直接加入原有標籤<FONT>內。 2、在<HEAD>與</HEA>之間宣告(又分三種用法)。 3、使用外部的STYL SHEETS檔案；利用前面介紹的第兩種方法，將CSS語法設定先寫好，然後將它成副檔名為.css。 更多的範例在本報教學會員教材中，歡迎[加入]，謝謝使用。 |
|
肆、認識<DIV>及<SPAN>標籤 被<DIV>或<SPAN>標籤包起來的文字、圖片...任何東西，瀏覽器都會將之視作一個物件。 就如同我們在打包物品一樣，您可以一個包裹只包一件衣服，也可以一個包裹包衣服、鞋子、帽子等。 <DIV>和<SPAN>標籤就是這種功能！您可以用<SPAN>標籤包住一段文字，該段文字就成了一個物件。 您也可以用<SPAN>標籤包住一段文字，一張圖、一個表格，那麼這三個東西也會被視作一個物件。 這兩個標籤在DHTML(動態HTML)中，是相當重要的，有些東西是可能是一張圖、一段文字要動來動去。 要一張圖動來動去還好，因為，一張圖本身就是一個「物件」。 但是，要怎樣讓瀏覽器知道某一句話，或是某一個字是一個物件？ 或是要讓圖片和表格同時動來動去，此時您就需要用到<DIV>、<SPAN>標籤。 |
|
伍、運用區塊濾鏡效果，讓文字產生陰影效果：
文字產生陰影效果 |
陸、利用區塊定位將兩隻蝴蝶固定在網頁某一點上：
；更多的範例在本報教學會員教材中，歡迎[加入]，謝謝使用。
|
|
柒、運用區塊定位及JavaScript程式，將一張卜克牌變大及縮小：
；更多的範例在本報教學會員教材中，歡迎[加入]，謝謝使用。
|
|
捌、運用CSS語法，產生特殊虛線外框：
；更多的範例在本報教學會員教材中，歡迎[加入]，謝謝使用。
|
|
玖、運用CSS語法，產生文字加底色或底圖：
；更多的範例在本報教學會員教材中，歡迎[加入]，謝謝使用。
|
|
拾、運用CSS語法，產生圖片左右或上下翻轉：
；更多的範例在本報教學會員教材中，歡迎[加入]，謝謝使用。
|
|
結論與建議：(網站想長久經營與服務，有賴加值收益才能持續，以下為廣告內容，敬請支持) 01.這個【實用進階語法】單元，將會以最實用的各類程式，為大家介紹如何規劃與套用，敬請期待並歡迎訂閱！ 02.本報導資料取自網頁研習室教學會員檔案資料，內另附更多範例介紹，歡迎加入教學會員進一步研習。 03.我們還是強烈建議您學會HTML語法，她真的簡單易學，懂了她您就能駕馭她，不要再用所見即所得軟體了。 04.如果您找不到有人可以詢問，又想徹底學會HTML語法，建議您加入我們的教學會員。 05.現在加入教學會員，提供一整年的諮詢顧問服務，並在半年內以無痛苦的學習方式，讓您自然輕鬆學會HTML。 06.贊助本報，一次取得本報第一階段所有資料，即可完整全部獲得近110餘篇精採報導內容。 07.本報自2002年開始接受網站委製，協助極需網站朋友，採最迅速、最便宜的方式，完整取得自己的網站。 08.對本報導有興趣，歡迎完整資料下載，俾利離線詳研；也拜託將本報導推薦給您需要的朋友，一起分享與成長。 09.電子報第二階段報導資料，持續每隔10日發表一次，歡迎訂閱，或加入教學會員完整取得。 10.本報導內容或資料，因限人數眾多，非本報教學會員，不接受任何疑惑解答，敬請見諒。 |
|
第二階段92.04.25.發行第047期 前期：那些是網頁構建需要的基本工具 |
|
| |免費訂閱 | 加入書籤 | 螢幕設定 | 使用版本 | 寫信給我 | 版權宣告 | 合作提案 |加入學員| |
| 網頁研習室【網頁製作系列】電子報一 二 李文能 2000.02.01創刊 |