Knowledge Transfer Microsoft Certified Training Partner CTEC
Knowledge Transfer is a Microsoft Certified Gold Partner
Microsoft Certified Gold Training Partner
Search for a Course Topic:
Public Courses
Corporate Services & Training
 

 

 



 Course Search
Keyword
Course #
State

 Training Delivery
 
Training Delivery
Custom Curriculum
Course List
 
 Main Menu
 
Home
View Courses
Site Index
 
 


CSS Training Course - Advanced Overview



The topics covered in this advanced CSS training course are separated into eight modules. These provide course participants with advanced CSS training, providing skills needed to apply advanced formats with CSS and CSS3. The topics covered include:



Lesson 1: Structuring CSS Code




  • IDs and class names

  • Naming your elements

  • IDs or Classes?

  • Divs and spans

  • Microformats

  • Different versions of HTML and CSS

  • Document types and browser modes

  • Validation



Lesson 2: Managing CSS Styles




  • Common selectors

  • Pseudo-classes

  • The universal selector

  • Advanced selectors

  • Child and adjacent sibling selectors

  • Attribute selectors

  • The cascade and specificity

  • Specificity

  • Using specificity in your style sheets

  • Adding a class or an ID to the body tag

  • Inheritance

  • Planning, and maintaining your styles

  • Applying styles to your document

  • Removing comments and optimizing

  • Style guides



Lesson 3: Visual Formatting using CSS




  • Box model review

  • IE and the box model

  • Margin collapsing

  • Positioning review

  • The visual formatting model

  • Relative positioning

  • Absolute positioning

  • Fixed positioning

  • Floating

  • Line boxes and clearing



Lesson 4: Using CSS Backgrounds




  • Background image basics

  • Rounded-corner boxes

  • Fixed-width rounded-corner boxes

  • Flexible rounded-corner box

  • Multiple background images

  • border-radius

  • border-image

  • Easy CSS drop shadows

  • Box-shadow

  • Opacity

  • CSS opacity

  • RGBa

  • PNG transparency



Lesson 5: Adding Style to Links




  • Simple link styling

  • Fun with underlines

  • Simple link embellishments

  • Fancy link underlines

  • Visited-link styles

  • Styling link targets

  • Highlighting different types of links

  • Highlighting downloadable documents

  • Creating links that look like buttons

  • Simple rollovers

  • Rollovers with images

  • Pixy-style rollovers

  • CSS sprites

  • Rollovers with CSS 3

  • Pure CSS tooltips



Lesson 6: Using CSS to Style Lists and Nav Bars




  • Basic list styling

  • Creating a basic vertical nav bar

  • Highlighting the current page in a nav

  • Creating a simple horizontal nav bar

  • Creating a graphical nav bar

  • Sliding door tabbed navigation

  • CSS image maps

  • Flickr-style image maps

  • Remote rollovers

  • Definition lists



Lesson 7: Styling forms and tables with CSS




  • Styling data tables

  • Table-specific elements

  • Summary and caption

  • thead, tbody, and tfoot

  • col and colgroups

  • Data table markup

  • Styling the table

  • Adding the visual style

  • Simple form layout

  • Useful form elements

  • Form labels

  • Embellishments

  • Required fields

  • Accessible date input

  • Multicolumn check boxes

  • Submit buttons

  • Form feedback



Lesson 8: Using CSS to create page layout




  • Planning your layout

  • Setting the foundations

  • Centering a design using margins

  • Float-based layouts

  • Two-column floated layout

  • Three-column floated layout

  • Fixed-width, liquid, and elastic layout

  • Liquid layouts

  • Elastic layouts

  • Liquid and elastic images

  • Faux columns

  • Equal-height columns

  • CSS 3 columns

  • CSS Frameworks vs. CSS Systems


 

View Printer Friendly Page

Course Schedule
  Start Date  City  Price  
 8/28/2017
 $695
Enroll
 10/4/2017
 $695
Enroll
 11/8/2017
 $695
Enroll
 12/20/2017
 $695
Enroll

To Inquire About Future Classes

Request a class date

if one is not scheduled.