SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial
Style Forms with CSS
Lesson 1 - Introduction
Browser support
The design
Finished form zip file
The markup
Hiding some labels
Lesson 2 - Introduction
Lesson 2 zip file
A quick exercise
Lesson 2 finished zip file
Form elements PDF
Lesson 3 - Introduction
CSS global resets
CSS Font stacks
Lesson 3 zip file
Styling the basic elements
Styling the container
Styling the heading
Styling the form container
Lesson 3 finished zip file
Lesson 4 zip file
Lesson 4 - Styling the form div
Styling the special classes
Styling the labels
Styling the legend span
Styling the inputs
Lesson 4 finished zip file
Live Q&A
Exercise
:before and :after
Recording of Live Q&A session
Lesson 6 zip file
Lesson 6 - Introduction
Styling the submit button
Styling the select
Explaining sprites
About background-positioning
Using background-positioning
Lesson 6 finished zip file
Lesson 7 zip file
Lesson 7 - Introduction
Styling the warning messages
Styling the links
Styling the warning div
Styling the hover
Styling the input
Styling the icons
The Cascade
CSS Cascade
Lesson 7 finished zip file
Lesson 8 - Introduction
An Intro to CSS3
CSS3 border-radius
CSS3 box-shadow
CSS3 gradients
Lesson 8 zip file
Adding border-radius
Adding box-shadows
Adding gradients - part 1
Adding gradients - part 2
Adding gradients - part 3
Lesson 8 - Wrap up
Lesson 8 finished zip file
Lesson 9 - Introduction
Lesson 9 zip file
Basic tests
Time for some validating
Browser testing
Dealing with IE
Wrap up
Lesson 9 finished zip file