Introduction to CSS Training in San Clemente

Enroll in or hire us to teach our Introduction to CSS class in San Clemente, California by calling us @303.377.6176. Like all HSG classes, Introduction to CSS may be offered either onsite or via instructor led virtual training. Consider looking at our public training schedule to see if it is scheduled: Public Training Classes
Provided there are enough attendees, Introduction to CSS may be taught at one of our local training facilities.
We offer private customized training for groups of 3 or more attendees.

Course Description

 
This two day course will give you all the knowledge you need to start working with Cascading Style Sheets (CSS) and web design. During the course you'll see how to achieve 2 and 3 column layouts with CSS, and learn how to work with the HTML box model and CSS cascade feature. Along the way we'll also be styling text, changing colors, and using the flexibility and power of CSS selectors.
Course Length: 2 Days
Course Tuition: $790 (US)

Prerequisites

Experience in HTML

Course Outline

 

1. Crash Course in CSS
Benefits of Cascading Style Sheets
CSS Rules
Selectors
Precedence of Selectors
The Cascade
Creating an Embedded Style Sheet
Creating an External Style Sheet
Adding Inline Styles
Media Types
<div> and <span>
Divs and Spans
Units of Measurement
The Inherit Value
@import

2. CSS Fonts
Font-the old way
Font-family
Font-size
Font-style
Font-variant
Font-weight

3. CSS Text
Letter-spacing
Word-spacing
Line-height
Text-align
Text-decoration
Text-indent
Text-transform
Vertical-align
White-space

4. Colors and Backgrounds
About Color Values
Color Names
Hexadecimal Color Values
Color Background-color
Background-image
Background-repeat
Background-attachment
Background-position

5. Custom Cursors
Cursor Styles
Custom Cursors
Are Custom Cursors Useful?

6. CSS and Links
Pseudo-classes
CSS Button Links
Modifying Links

7. Borders, Margins and Padding
Getting Started
Borders
Margin
Padding
Specifying Padding by Side

8. Styling Tables with CSS
A Review of HTML Table Syntax
border-spacing
border-collapse
padding

Interesting Reads Take a class with us and receive a book of your choosing for 50% off MSRP.