GD with GD
DEMOLAND
Book
Type + Code
Chapter 2 of 2
Fun with CSS
All chapters
Chapter 2
Fun with CSS
Select a demo
2.1
EXERCISE: Short story
2.2
Short story example (for fun)
2.3
Box model
2.4
Margin collapse
2.5
Box sizing
2.6
Block vs. inline elements
2.7
Absolute positioning
2.8
EXERCISE: Drawing with CSS
2.9
Variable fonts
2.10
Hover and active states
2.11
Keyframed animations
2.12
Media queries
2.13
EXERCISE: Buttons
2.14
EXERCISE: Animations
Current book
Type + Code
All books
Course
Type + Code
Websites are full of text, a.k.a. “type.” This type is special because it’s made out of code! In this course, you’ll discover how to bring type to life using code.
Chapter 1
Introduction to HTML and CSS
Let’s make websites!
1.1
HTML
1.2
HTML Elements
1.3
Block vs. Inline Elements
1.4
HTML Typesetting
1.5
EXERCISE: HTML Elements
1.6
CSS
1.7
Styling Text
1.8
Inline CSS
1.9
Classes
1.10
Inheritence
1.11
EXERCISE: Computational Poetry
1.12
Links
1.13
Multiple Pages
1.14
Images
1.15
Custom Fonts
1.16
EXERCISE: Choose Your Own Adventure
Chapter 2
Fun with CSS
2.1
EXERCISE: Short story
2.2
Short story example (for fun)
2.3
Box model
2.4
Margin collapse
2.5
Box sizing
2.6
Block vs. inline elements
2.7
Absolute positioning
2.8
EXERCISE: Drawing with CSS
2.9
Variable fonts
2.10
Hover and active states
2.11
Keyframed animations
2.12
Media queries
2.13
EXERCISE: Buttons
2.14
EXERCISE: Animations