CSS Layout 網頁常見版型設計

以下文章中列出常見的 CSS 版型設計,蠻實用的喔!給大家參考看看!
http://www.maxdesign.com.au/articles/css-layouts/

註:一般而言,IE8、Chrome、Firefox 所看到的版面是比較一致的,但是如果是 IE6 或是更早期的 IE5,就有可能會有不同,因此可以在網頁的 標籤中,針對舊版本指定參考的 CSS 檔案,語法如下:




----------------------------------------------------------------------------------------------------------------------

CSS layouts

Date: 1 November 2002
Author: Russ Weakley

CSS, JavaScript and Accessibility Workshop series 2010

Three of Australia’s leading web experts, Kevin Yank, Roger Hudson and Russ Weakley in hands-on workshops designed to give you the most up-to-date knowledge and skills in CSS, JavaScript and Accessibility. Find out more
Here are a range of free CSS page layouts, including 1, 2 and 3 column layouts – free to use and abuse as needed.

Sample CSS layouts

“Floatutorial” step by step layout tutorial

“Two columns with color” step by step layout tutorial

“Selectutorial” step by step layout tutorial

“Liquid Layouts” step by step layout tutorial

“Colored boxes” step by step layout tutorial

張貼留言

這個網誌中的熱門文章

原來Google雲端硬碟也能開放「匿名上傳」,做為學生作業、比賽稿件上傳就不用再傷腦筋了!(Google Apps Script應用服務指令碼)

OnlineVideoConverter 雲端影片擷取服務,讓您不只下載 youtube 影片,更能直接下載指定範圍的影片內容,幫您省下影片下載後再剪輯轉檔的時間!(也有瀏覽器擴充工具,讓使用率較高的人更方便!)

「Google 語音輸入法」、「訊飛中文語音輸入法」APP ,讓智慧型裝置也能輕鬆「離線」進行語音輸入!