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

留言