Cascading Style Sheets (CSS) Introduction

2 Days

Description

In this Introduction to CSS training course you will learn how to leverage the power of Cascading Style Sheets to separate structure from content in your HTML documents. You’ll learn how to use selectors, cascading and inheritance with confidence. Designed for beginning users of CSS, this course will teach you to style text and position content, while at the same time gaining a better understanding of how CSS work.

What you’ll learn in this CSS training course:

  • Fundamentals and anatomy of a CSS
  • Using selectors, cascading and inheritance successfully
  • Styling text with CSS
  • Inserting and controlling background images
  • Incorporating CSS to position content on an HTML page

Upcoming Classes

Virtual Classroom Live
October 23, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
December 11, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Course Overview

The topics covered in this introductory CSS training course are separated into eight modules. These provide course participants with the foundational skills needed to create and format webpages using CSS and HTML. The topics covered include: Lesson 1: CSS Training Course: Introduction class topics
  • Fundamentals of CSS
  • Advantages of Using CSS
  • How to Write CSS
  • Your First CSS-Enabled Document
Lesson 2: CSS Anatomy
  • Rules
  • Selectors
  • Declarations
  • Values
  • Keywords
  • Strings
  • Length and Measurement
  • Number
  • Colors
  • Including CSS in a Document
  • Including an Embedded Style Sheet
  • Linking to External Style Sheets
  • The Importance of Good HTML
  • Doctypes and Quirks Mode
Lesson 3: Understanding Selectors
  • Class and ID Selectors
  • Class Selectors
  • ID Selectors
  • The Universal Selector
  • Descendant Selectors
  • Pseudo-Classes 5
  • Dynamic Pseudo-Classes
Lesson 4: Cascading and Inheritance
  • The Cascade in Cascading Style Sheets (CSS)
  • The Specificity of a Selector
  • !important Rules
  • Inheritance
Lesson 5: Styling Text with CSS
  • Setting Font Faces
  • Font Families
  • Italic Text
  • Bold Text
  • Small Caps Tex
  • The font-size Property
  • Absolute Font Sizes
  • Relative Font Sizes
  • Length and Percentage Font Sizes
  • The font Shorthand Property
  • The font Properties
  • Line HeighT
  • Controlling Spacing between Letters
  • Controlling Spacing between Words
  • Indenting Text
  • Horizontally Aligning Text
  • Decorating Text
  • Transforming CASE
  • Controlling White Space
Lesson 6: Styling backgrounds using CSS
  • Background Colors
  • Background Images
  • How Background Images Repeat
  • Positioning Background Images
  • Mixing Background Position Values
  • Controlling Position
  • Using the Center Keyword
  • Fixing a Background Image in Place
  • Background Shorthand
Lesson 7: Using CSS to Position Content
  • Margins
  • Margins with multiple values
  • Margin Collapsing
  • Horizontally Aligning Elements
  • border-width
  • border-style
  • border-color
  • Border Shorthand Properties
  • Padding
  • Setting Dimensions
  • Width
  • height
  • auto Values for width and height
  • Percentage Measurements
  • Quirks Mode in Internet Explorer
  • Minimum and Maximum Dimensions
  • Overflowing Content
  • Floating Content
  • Floating Box Model
  • Canceling Floated Content
  • Float Bugs in IE 6
  • Vertically Aligning Content
  • Subscript and Superscript Text
  • The top, middle, and bottom Keywords
  • Percentage and Length Value
  • Vertically Aligning Table Content
  • Absolute Positioning
  • Relative Positioning
  • Fixed Positioning
  • The z-axis and the z-index Property
  • The IE 6/IE 7 z-index Bug
Lesson 8: Creating Complete Layouts with CSS and HTML
  • Creating the Page with HTML
  • Styling Text and Custom Fonts
  • Building the Layout
  • Gradient Backgrounds

Upcoming Classes

Virtual Classroom Live
October 23, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
December 11, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Prerequisites

No previous experience with CSS or HTML is required. This is an introductory CSS course.

Upcoming Classes

Virtual Classroom Live
October 23, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
December 11, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Course Comments

Upcoming Classes

Virtual Classroom Live
October 23, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
December 11, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date