Course descriptionCSS Style Sheets 6 Sessions - 75 training modules
Cascading Style Sheets (CSS) has become a vital element of today’s web pages. Follow along with Robb H. Tracy as he introduces you to the concepts of XHTML, Cascading, and setting and understanding property values for CSS rules. As the course progresses, Robb will instruct you in more advanced concepts such as floating elements, colours, advanced selectors and lists.
Session 1
Level 1: An Introduction to XHTML and Cascading Style Sheets
1.0 XHTML Basics
1.1 HTML and XML
1.2 XHTML
2.0 An Introduction to CSS
2.1 How CSS Works
Creating Styles
Inheriting Styles
Applying Styles
Linked Style Sheets
Embedded Styles
In-Line Styles
Imported Style Sheets
2.2 Cascading
2.3 Grouping Style Rules
3.0 Summary
Session 2
Level 2: Configuring Background and Text Properties with CSS
1.0 Configuring Font Properties with CSS
1.1 Using the font-family Property with CSS
1.2 Using the font-size Property with CSS
1.3 Using the font-style Property with CSS
1.4 Using the font-weight Property with CSS
1.5 Using the font-variant Property with CSS
1.6 Using the font size-adjust Property with CSS
1.7 Using the font-stretch Property with CSS
2.0 Configuring Background Properties with CSS
2.1 Using the background-color Property with CSS
2.2 Using the background-image Property with CSS
2.3 Using the background-repeat Property with CSS
2.4 Using the background-attachment Property with CSS
2.5 Using the background-position Property with CSS
3.0 3D Configuring Text Appearance with CSS
3.1 Using the color Property with CSS
3.2 Using the text-align Property with CSS
3.3 Using the text-indent Property with CSS
3.4 Using the text-decoration Property with CSS
3.5 Using the text-transform Property with CSS
3.6 Using the line-height Property with CSS
3.7 Manipulating Text Spacing with CSS
3.7.1 Using the word-spacing Property with CSS
3.7.2 Using the letter-spacing Property
3.8 Using the white-space Property with CSS
Session 3
Level 3: Working with the CSS Box Model and Advanced Selectors
1.0 An Introduction to the CSS Box Model
2.0 Setting Margins with CSS Properties
3.0 Configuring Borders with CSS
3.1 Setting the Border Width with CSS Properties
3.2 Setting the Border Style with CSS Properties
3.3 Setting the Border Color with CSS Properties
4.0 Configuring The Pad with CSS
5.0 Using Advanced CSS Selectors in CSS Rules
5.2 Creating Class Selectors
5.3 Using ID Selectors
5.4 Using Attribute Selectors
5.5 Using Descendant Selectors
5.6 Using Pseudo Selectors
5.6.1 Using Pseudo-Class Selectors
5.6.2 Using Pseudo-Class Selectors to Create CSS Rules for the Anchor Element
5.6.2.1 Configuring Link States with CSS
5.6.2.2 Configuring Multiple Link State Styles with CSS
5.6.3 Using Pseudo-Element Selectors
Summary
Session 4
Level 4: Configuring Anchor and List Element Properties with CSS
1.0 Using Specificity to Determine Cascading Rules
2.0 Configuring Cursors with CSS
2.1 Using System Cursors
2.2 Using Custom Cursors
3.0 Applying CSS Styles to HTML Lists
3.1 Using the list-style-type Property with CSS
3.1.1 Using list-style-type with Unordered Lists
3.1.2 Using list-style-type with Ordered Lists
3.2 Using the list-style-image Property with CSS
3.3 Using the list-style-position Property with CSS
4.0 Using Unordered Lists to Create Navigation Bars & Columns
4.1 Using Unordered Lists to Create Navigation Columns
4.2 Using Unordered Lists to Create Navigation Bars
5.0 Styling Tables with CSS Rules
5.1 HTML Table Review
5.1.1 Basic Table Elements
5.1.2 Adding Table Headers
5.1.3 Using Table Captions
5.2 Styling Tables with CSS
5.2.1 Create Rules for the ampersand lt;table ampersand gt;' Element
5.2.2 Create Rules for the ampersand lt;caption ampersand gt;' Element
5.2.3 Create Rules for the Table Cells
6.0 Summary
Session 5
Level 5: Working with CSS Positioning and Float Properties
1.0 Positioning Elements with CSS
1.1 What is Positioning?
1.2 Creating Containers
1.3 CSS Positioning Types
1.3.1 Using Absolute Positioning
1.3.2 Relative Positioning
1.3.3 Fixed Positioning
1.4 Using the z-index Property
2.0 Floating HTML Elements with CSS
2.1 Using the float Property
2.2 Using the clear Property
3.0 Summary
Session 6
Level 6: Using CSS and HTML Tables and Creating Web Page Layouts
1.0 Using CSS to Create Two-Column Document Layouts
1.1 Creating a Simple Two-Column Layout
1.2 Creating a Two-Column Layout with a Masthead
2.0 Creating a Three-Column Layout with a Masthead with CSS
3.0 Summary