如果你是一个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

结束

希望你在学习和制作网页的过程中一切顺利。最后请记住一下几点。

评论 (0) All

登陆 还没注册？