Category Archives: CSS Lessons

CSS Lesson 6: Shorthand Properties (Padding and Margin)

The padding and margin CSS properties are essential in building web layouts.  Since rectangles (block level elements) have four corners, you will frequently need to assign four different padding properties to one element.  If you are a beginner, this is … Continue reading

Posted in CSS Lessons | 7 Comments

CSS Lesson 5: Understanding The Box Model Part 2: Margin

As you begin designing layouts with CSS you will inevitably need to create spacing between elements; thus, today’s lesson is regarding the “margin” property.  Let’s begin with a quick image to illustrate the margin property in action: Margin is space … Continue reading

Posted in CSS Lessons | 1 Comment

CSS Lesson 4: Understanding The Box Model Part 1: Padding

In our previous lesson we learned the basic syntax of CSS code.  We are now able to apply basic styles like defining a color or center aligning text.  But before we can learn advanced CSS techniques we must study what … Continue reading

Posted in CSS Lessons | 3 Comments

CSS Lesson 3: Basic CSS Selectors

CSS Selectors allow us to target specific HTML elements with our style sheets.  While there are many different types of CSS Selectors, today’s lesson focuses on the four essential selectors; Type, ID, Class and Descendant selectors. First We Need a … Continue reading

Posted in CSS Lessons | 3 Comments

CSS Lesson 2: How To Create Your First CSS File

Today we are going to write and save our first CSS file. Let’s begin by opening a text editing program. If you are on a Microsoft Windows PC open the program named Notepad (hold down the Windows Key on your … Continue reading

Posted in CSS Lessons | 13 Comments

CSS Lesson 1: What is CSS?

So you want to learn CSS? Great decision; CSS is the language for web and graphic designers to learn. Short for Cascading Style Sheet, CSS is the language used to add style to HTML elements. If you are unfamiliar with … Continue reading

Posted in CSS Lessons | 1 Comment