國外有許多有關 CSS 的教學網站, 由於都有完整的實例解說, 語言上的差異並不會是很大的障礙, 因此不用管它是英文或德文, 不用太顧慮. 很值得參考學習.

• HTML Source’s Introduction to CSS Stylesheets
  

  (http://www.yourhtmlsource.com/stylesheets/introduction.html)

• HTMLdog’s Guide to CSS for Beginners
  

  (http://www.htmldog.com/guides/cssbeginner/)

• Web Page Design for Designers - CSS From the Ground Up
  

  (http://www.wpdfd.com/editorial/basics/index.html)

• Westciv’s CSS Hands on Tutorial
  

  (http://www.westciv.com/style_master/academy/hands_on_tutorial/)

• Digitalweb’s CSS 101
  

  (http://www.digital-web.com/articles/css_101/)

• Official Cascading Style Sheets Level 2 Specification
  

  (http://www.w3.org/TR/REC-CSS2/)

• The Web Developer’s Network
  

  (http://www.alvit.de/handbook/)

• CSS Vault
  

  (http://www.cssvault.com/)

• Mezzoblue’s CSS Cribsheet
  

  (http://www.mezzoblue.com/css/cribsheet/)

CSS 對於頁面有相當高的表現能力, 提供一些國外的技巧示範實例解說網站, 提供了許多使用 CSS 的技巧實例, 有興趣的朋友不妨參考學習:

• MaxDesign’s CSS Layout Examples and Guides
  

  (http://css.maxdesign.com.au/)

• Positioniseverything.net
  

  (http://www.positioniseverything.net/)

• A List Apart’s Designing Faux Columns
  

  (http://www.alistapart.com/articles/fauxcolumns/)

• Bluerobot’s CSS Layouts
  

  (http://www.bluerobot.com/web/layouts/)

• Eric Meyer’s Articles on CSS
  

  (http://www.meyerweb.com/eric/css/)

• Glish CSS Tips, Techniques, and Resources
  

  (http://www.glish.com/css/)

• CSS Layout Tutorial
  

  (http://www.yourhtmlsource.com/stylesheets/csslayout.html)

• Mandarian Design’s CSS Examples, Tips, and Tricks for Bloggers and More
  

  (http://www.mandarindesign.com/style.html)

• The Noodle Incident’s Tutorials on CSS Boxes
  

  (http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html)

• CSSLayouts Tips and Techniques
  

  (http://css-discuss.incutio.com/?page=CssLayouts)

• WebColor’s WebMaster Kit for CSS Colors
  

  (http://webcolor.webmaster-kit.com)

• CSS Tips and Tricks from Camera on the Road
  

  (http://www.cameraontheroad.com/index.php?cat=68)

• CSS HowTo at Intensivstation
  

  (http://www.intensivstation.ch/en/css/)

1995 年製訂的 HTML 的標準僅只定義了網頁結構的標記，並不包含外觀呈現的標記。 1998 年 W3C 組織訂定 html 4.0 標準時，將樣式的概念引入了 HTML，簡化網頁設計的複雜度，讓內容和格式交給 HTML，而外觀呈現交給 CSS(Cascading Style Sheets，串接樣式表)，如此使得網頁易於維護，而且讓不同的系統平台存取網頁會更為簡易。 因為，涉及視覺性表現的可透過樣式表控制，到了 HTML 4.01 將許多與視覺有關的標籤和屬性規定不再使用了，如 font、strike、center 等標籤，而用 CSS 來取代它們原有的功能。 更進一步的是希望對於 HTML 中表格版面與框架等配置的方法能用 CSS 來取代。 後來更因 XML 的引進，創造了 XHTML 這個與HTML4.01相當接近的標記語言，成為邁向XML重要的第一步。

就 W3C 的標準而言，網頁直接應用的標準語言包括四大類

• 結構語言(Structural Languages) 以 XHTML 為主
• 物件模型(Object Models) 以 DOM 為主
• 腳本語言(Scripting Languages) 以 JavaScript 為主
• 表現語言(Presentation Languages) 以 CSS 為主

一般來說，只要學會使用 XHTML 與 CSS ，大致上所有靜態的網頁都能應付了。

至於，如何開始學 CSS。還是老辦法，建議各位可在 Google 找 : “CSS 教學” 這幾個字眼，就能找到許多提供教學資源的網站了。其中，特別值得一提的幾個網站，在此特別再予列出如下 :

• CSS(Cascading Style Sheet) Note
• C S S 教學(網站建置百寶箱製作)
• CSS樣式表教學 (9Walker Studio)
• 凱哥無名小站 CSS 語法教學
• Cascading Style Sheets (串接樣式表)的基本介紹
• CSS實務排版技巧、秘訣與技術

建議由其中選一站仔細的參考研究。

網頁最基礎的是 HTML, 這只是一種網頁結構的標籤規則, 並不是程式. 其中最主要的功能就是鏈結的標示方法. 一個鏈結的觀念啟動了當今網頁不斷擴張的第一步. 然而, HTML 畢竟有它的限制性, 對於網頁的表現型式, 只有幾樣簡單的顏色, 字體大小與型式, 以及排列與表格的幾種型態. 隨之發展出來的是對於網頁外型最強而有力的表現標示方法 CSS. CSS 能精準的控制網頁上每一個元件的位置, 大小, 展示方式. 使整個畫面的表演, 能達到精美的地步. 至於, 進一步的則是動畫, 音響的表現型式 FLASH 等. 還有能控制網頁與使用者之間互動的相關程式語言. 最廣泛應用的有開放式的 PHP 語言, 還有 Microsoft 的 ASP 語言. 當然, 網頁相關的標籤或程式語言, 不只是這些. 為大家介紹一個, 當前網路上公認, 一個最完整的免費教學網站: http://www.w3schools.com/ . 這一網站幾乎把所有網頁直接相關的基礎軟體, 全都做出了十分完整詳盡的表列清單與說明, 並逐一的提示簡單易懂的的教案與範例. 實在, 難以想像這麼完整的資料耗盡了多少人力物力才能夠達成的. 日常, 我自己在寫網頁時, 遇到任何困難, 找答案的最終點, 幾乎就是這了. 有興趣的朋友不妨可預先參觀. 日後, 我們再深入討論相關程式時, 也會不時的由這的資料來舉例說明.

前頭，我們提過五分鐘就能自設一個完全免費的 Blog 的 Blogger 自主空間。的確，在這個 blog 可完全自主發揮: 發表您的想法、吸引您的朋友、設計您的 blog、張貼相片。只要不做犯法的事，差不多利用網路所可從事的事情，通通都能做得到了。每一頁 blog 的上限是 1MB ，至於一個帳戶要貼出多少個 Blog 並無限制。網主大可用這網頁來賣自家民宿的簡介與廣告。也貼上 Google 的廣告來賺廣告佣金。最重要的是，他真的是完全的免費。並提供了相當完整的使用教學與範例。符合絕大部份民宿家，自設網站的需求了。

在美國英語的環境下，就有許多人是使用這樣的 Blog 發表自己的作品，而能夠併用 Google 的廣告連結，月入數萬元。這種內容型的 Google 廣告 (Adsense for Content) 也引進台灣了。許多台灣站主開始採用，一星期就突破 100元美金收入的大有人在。估計，幾個月內就會出現月入數千的報導。這些情況，涉及技術的層面並不算多，也一點都不難。Blog的內容是否言之有物，能夠吸引很多人來閱讀，才是重點。

對於這樣的 Blog 網頁的設計有固定的格式可供參考。一般的情況下，幾乎也不必學甚麼 HTML 碼了。不過，這個環境倒也很適合來做為 HTML 碼，以及對於網頁表現型態最有關係的 CSS 碼的設定練習之用。

因此，我們不時的一再的強調，對於絕大部份的設個網站的需求，這樣的 Blog 已經相當充份的提供了你的需求了。