Course Summary
CSS Training course covers basic, intermediate and advanced CSS topics. It is intended for designers who are already familiar with HTML basics and want to move on to the XHTML and CSS standard for separating look and feel from the data.Duration
2 days.
Objectives
Upon completion, you will be able to write valid and compliant Cascading Style Sheets(CSS).
Audience
Students should have basic knowledge of HTML.
Outline
Introduction
- What is CSS
- Advantages of using CSS
- Validating CSS
CSS and HTML
- Inline Style Sheets
- Embedded Style Sheets
- External Style Sheets
CSS Essentials
- Units in CSS
- Typography
- Text Formatting
- Text Layout
- Colors and Backgrounds
- Defining Colors
- Background images
- Positioning Backgrounds
- Formatting
- Padding
- Borders
- Margins
- Layout
- Lists
- Tables
- Forms
- Styling Input Elements
- Styling text Elements
- Styling Select and Option Elements
- Form Buttons
- Combining Properties
Selectors
- Simple Selectors
- Universal Selectors
- Type Selectors
- Descendant Selectors
- Child Selectors
- Adjacent Sibling Selectors
- Attribute Selectors
- Class Selectors
- ID Selectors
- Pseudo Selectors
Importing and Cascading
- Working with multiple Style Sheets
Advanced Selectors
- Specificity
- Rules
- Conflict Resolution
- !important
- Inheritance
- CSS Generated Content
- The @.. Rules
- @import
- @media
- @page
- Child Selectors
- First-Child Selectors
- Adjacent Selectors
- Pseudo-class Selectors
- Pseudo-Element Selectors
- Group Selectors
- Attribute Selectors
CSS Positioning
- float
- position
- visibility
- cursor
- CSS Positioning Properties
- Positioning Schemes
Layouts
- One-Column Layout
- Two Column Layout
- Fixed-width Two Column Layout
- Flexible Multicolumn layouts
- using Floats
- Using Positioning
- Fixed-width Multicolumn layouts
- using Floats
- Using Positioning
- Asymmetric Layout
- CSS Stacking
Tricks and Hacks
- Internet Explorer Hacks
- Netscape Hacks
- Debugging CSS
Course Testimonials
I have been trying to get my mind around CSS and CSS positioning for some time now... My instructor got more into my head today than the last two years of going at it alone
Great Job! this was really beneficial and i feel like I have a much stronger understanding as to how to organize everything.
Gave a very good understanding of what CSS is. I thought I would not be able to cope-up with it, but the course was of very great help and boosted my confidence! Thanks!
Great presentation and clear direction on the topics.
Overall - fantastic class!! and great instructor. Very patient.
