Ambrose King Company | Cascading Style Sheets

10.1.2007

PHP With MySQL Course #1 In Sales

PHP With MySQL Programming remains the #1 selling course of 2007!

point

related info

1.8.2007

PHP/MySQL's Dramatic Finish

PHP/MySQL course ends the year in dramatic fashion by outselling all other courses in the final quarter of 2006.

point

related info

Enter valid email address to
receive our monthly newsletter

Email: Name:

Cascading Style Sheets

Course Description:

This three-day course focuses on the practical application of Cascading Style Sheets to web design to enable the separation of content from presentation through blending of HTML and CSS.

Upon completion of this Cascading Style Sheets course students should fully understand and be able to apply the core CSS (CSS1, CSS2). CSS best practices are encouraged and discussed throughout the course.

Course Duration: 3-days

email:

name:

phone:

- -

message:

reset

submit

Prerequisites and Assumptions:

You should be familiar with basic to intermediate level HTML.

Recommended Follow-up/RelatedCourses

Introduction to CSS

Why CSS?
Versions of CSS
CSS and Browser Support
Separating Formatting and Content

CSS Basics

CSS Rules
CSS Selectors
Units of Measure
Basic Formatting with Text and Font Properties
DIV and SPAN Elements
Linked (External) Style Sheets
Embedded Styles
In-line Styles
Example Site using an External Style Sheet

Font Properties

CSS1
font-family
font-size
font-weight
font-style
font-variant
CSS2
font-stretch
font-size-adjust
Examples of Setting Font Properties

Text Properties

CSS1
color
letter-spacing
text-align
text-decoration
text-indent
text-transform
white-space
word-spacing
CSS2
white-space shortcut

The Box Model

What is the Box Model?
Borders, Margins and Padding
Border Properties
Border Width
border-top-width
border-right-width
border-bottom-width
border-left-width
border-width
Border Style
border-top-style
border-right-style
border-bottom-style
border-left-style
border-style
Border Color
border-top-color
border-right-color
border-bottom-color
border-left-color
border-color
Border Shorthand
border-top
border-right
border-bottom
border-left
border
Margin Properties
margin-top
margin-right
margin-bottom
margin-left
margin
Padding Properties
padding-top
padding-right
padding-bottom
padding-left
padding

Background Properties and Color

CSS Color Values
background
background-attachment
background-color
background-image
background-position
background-repeat

Working with Lists

list-style
list-style-image
list-style-position
list-style-type
list-style

Positioning Elements on a Page and Visibililty

Positioning Properties
bottom
clip
left
overflow
position
right
top
vertical-align
z-index
Classification Properties
clear
float
visibility

Pseudo-classes and Pseudo-elements

What is a Pseudo-class?
Examples of Pseudo-class use
What is a Pseudo-element?
Examples of Pseudo-element use

Visual Formatting

Dimension Properties
height
line-height
max-height
min-height
width
max-width
min-width

Styling for Print

The Intent and the Reality
Print Properties
page-break-after
page-break-before
page-break-inside

Creating tables with CSS

Stylize a Table
Stylize a Cell
Stylize groups of cells (blocks)

Scrollbars

Customized Scrollbars in IE