Cascading style sheets (css)

Overview
CSS allows developers to control the style and layout of multiple Web pages all at once. Define a style for each HTML element and apply it to multiple Web pages. All elements are updated automatically.

Prerequisites
An understanding of HTML

Course Content CSS Introduction

• What are style sheets?
• What is CSS?
• Where does CSS come from?
• What does CSS do?
• The legacy of HTML
• CSS Productivity advantages
• CSS Site management advantages
• CSS Accessibility advantages
• CSS problems and shortcomings

Syntax Basics

• How style sheets work
• Anatomy of style sheets - statements, selectors, properties and values

Basic Selectors and Properties

• HTML element selectors
• Basic text properties
• Inheritance
• Whitespace in CSS code

Linking and Embedding

• Linking documents to style sheets
• Embedding documents in style sheets
• Which is better, linking or embedding?

More Text Properties

• More CSS text and font properties - text-decoration, font-style, font-weight
• Background properties
• Color values in CSS
• Group selectors
• Case sensitivity in CSS

Background Properties

• Background properties
• Color in CSS
• The color property
• Group selectors

Class & Pseudo Class Selectors

• Background properties
• Color in CSS
• The color property
• Group selectors

Page Layout

• The use of whitespace
• margins
• padding
• text alignment and centering objects
• borders

Links with Class

• Combining link and class selectors

A Navigation Bar

• Cascading
• Descendant selectors

Importing Style Sheets

• importing style sheets
• using importing to manage large web sites

Real World CSS

• Validating HTML and CSS
• Design for adaptability and accessibility
• Real world issues for commonly used properties
• Browser compatibility. Making style sheets work today