Lessons: 32Length: 5 hours
Even if your goal is not to become a web designer, learning HTML and CSS can be an amazing tool to have in your skill-set – both in the workplace, and at home. If "learn to code" has been on your to-do list for some time, why don’t you take thirty days and join me? Give me around ten minutes every day, and I’ll teach you the essentials of web design with HTML and CSS.
Learn CSS: The Complete Guide
We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
1.Introduction
1.1Course Introduction00:55
1.1
Course Introduction
00:55
2.Week 1
2.1Your First Web Page09:50
2.1
Your First Web Page
09:50
2.2Finding a Proper Code Editor07:15
2.2
Finding a Proper Code Editor
07:15
2.3Lists12:36
2.3
Lists
12:36
2.4Parent-Child Relationships05:18
2.4
Parent-Child Relationships
05:18
2.5Heading Tags03:41
2.5
Heading Tags
03:41
2.6Blockquotes02:35
2.6
Blockquotes
02:35
2.7Anchors08:59
2.7
Anchors
08:59
3.Week 2
3.1Your First Stylesheet09:46
3.1
Your First Stylesheet
09:46
3.2Clean Project Structures01:58
3.2
Clean Project Structures
01:58
3.3Images04:33
3.3
Images
04:33
3.4The Necessity of Divs07:11
3.4
The Necessity of Divs
07:11
3.5IDs and Classes08:30
3.5
IDs and Classes
08:30
3.6An Assignment01:31
3.6
An Assignment
01:31
3.7Assignment Solutions08:36
3.7
Assignment Solutions
08:36
3.8Floats, and a Simple Layout13:57
3.8
Floats, and a Simple Layout
13:57
4.Week 3
4.1Navigation Lists06:15
4.1
Navigation Lists
06:15
4.2An Introduction to Forms15:46
4.2
An Introduction to Forms
15:46
4.3Image Replacement06:30
4.3
Image Replacement
06:30
4.4The Basics of Typography10:20
4.4
The Basics of Typography
10:20
4.5The Difference Between Relative and Absolute Positioning07:38
4.5
The Difference Between Relative and Absolute Positioning
07:38
4.6Reproduce a Website Fragment30:45
4.6
Reproduce a Website Fragment
30:45
4.7The Importance of Validation05:35
4.7
The Importance of Validation
05:35
5.Week 4
5.1Zen Coding06:32
5.1
Zen Coding
06:32
5.2Resets and Normalizing05:01
5.2
Resets and Normalizing
05:01
5.3CSS Frameworks17:50
5.3
CSS Frameworks
17:50
6.Final Project
6.1Creating the Markup11:30
6.1
Creating the Markup
11:30
6.2How to Slice a PSD08:39
6.2
How to Slice a PSD
08:39
6.3How to Create Snippets03:34
6.3
How to Create Snippets
03:34
6.4The CSS For Our Website38:46
6.4
The CSS For Our Website
38:46
6.5Completing the Website17:26
6.5
Completing the Website
17:26
7.Closing Thoughts
7.1Conclusion00:39
7.1
Conclusion
00:39
