DIV CSS 佈局教程網

如果你是一個CSS的初學者，那麼這個教程資源匯總的文章，你有必要收藏起來。

想做網頁，但面對復雜的CSS怕力不從心？不用擔心，你所需要的僅僅是一些耐心，一些練習和一點點時間。不要拘泥於過分復雜的教程，從這20個循序漸進的教程開始吧。

開始之前

開始之前，再問自己一下為什麼要學習CSS，它可以應用到網頁設計的那些方面？下面兩個網站可以幫助你了解什麼是CSS，以及CSS如何為你所用。

1. 學習CSS的10個理由 這裡列出了學習CSS的10打理由，從創建更優雅的頁面到更輕松的控制頁面元素。

2. 維基百科 - CSS 維基百科上關於CSS最基本的介紹，包括歷史，語法及如何應用到網頁設計中。

教程

好了，現在你了解了一點基本的CSS知識以及他能為你做什麼。讓我們開始CSS之旅 ，下面使一些最基本的、入門級的教程。用點時間仔細學習每個教程，並理解每個概念。切勿急躁，一口吃不成胖子哈，每天用一個小時做練習，這樣做的好處是： 可以讓這些東西在你的腦子裡根深蒂固！（時間和水平的問題，描述就不翻譯了，也沒有太大的必要，教程本身也都是英文的）

CSS Basics
Learn HTML & CSS: A Beginner’s Guide
Starting With HTML & CSS
CSS - Beginners
CSS For Beginners
The Basics
CSS From The Ground Up
Back To Basics: A Beginner’s Guide To Starting A CSS Document
Style Master CSS Tutorial
Site In An Hour
An Introduction To CSS
CSS Tutorials
CSS Introductory Tutorial
Introduction To CSS
CSS Do’s And Dont’s Part 1: CSS Selecting
CSS Do’s And Dont’s Part 2: Markup
Creating A CSS Layout From Scratch
CSS Beginner
Video: Introduction To CSS Design Part 1
Video: Introduction To CSS Design Part 2

接下來？

你已經掌握了CSS的基本屬性，那麼接下來呢？下面的鏈接是一些中高級的教程和資源。

CSS - Intermediate

CSS - Advanced

53 CSS Techniques You Couldn’t Live Without

Advanced CSS Layout

CSS Editors Reviewed

Powerful CSS Techniques For Effective Coding

Moving Forward With CSS

101 Best CSS Techniques Of All Time Part 1

101 Best CSS Techniques Of All Time Part 2

Using CSS To Do Anything: 50 Creative Examples And Tutorials

Clean And Pure CSS Form Design

10 Examples Of Beautiful CSS Typography And How They Did It

The CSS Cheat Sheet

Introduction To CSS3 Part 1: What Is It?

Introduction To CSS3 Part 2: Borders

Introduction To CSS3 Part 3: Text Effects

Introduction To CSS3 Part 4: User Interface

Introduction To CSS3 Part 5: Multiple Columns

Introduction To CSS3 Part 6: Backgrounds

5 CSS Questions - And Answers

結束

希望你在學習和制作網頁的過程中一切順利。最後請記住一下幾點。