Geek Academy CSS and CSS3 video tutorials

• Chapter1 Getting Started with CSS Basics
• 1-1 CSS Basics-Introduction and Syntax
• 1-2 CSS Basics - Derived Selectors
• 1-3 CSS basics-id selector
• 1-4 CSS Basics-Class Selector
• 1-5 CSS Basics-Attribute Selector
• Chapter2 CSS basic style explanation
• 2-1 CSS Style-Background
• 2-2 CSS Style-Text
• 2-3 CSS Style-Font
• 2-4 CSS Style-Link
• 2-5 CSS Style-List
• 2-6 CSS Style-Table
• 2-7 CSS Style-Outline
• Chapter3 CSS positioning
• 3-1 CSS Positioning-Positioning
• 3-2 CSS Positioning-Float
• 3-3 CSS Positioning-Floating Application
• Chapter4 CSS box model
• 4-1 CSS box model – overview
• 4-2 CSS box model-padding
• 4-3 CSS box model-border
• 4-4 CSS box model-margins
• 4-5 CSS box model-margin merging
• 4-6 CSS box model-box model application
• Chapter5 Common CSS operations
• 5-1 Common CSS operations-alignment
• 5-2 Common CSS operations - classification
• 5-3 Common CSS operations-navigation bar
• 5-4 Common CSS operations-pictures
• Chapter6 CSS selector
• 6-1 Selector-detailed explanation of selector (1)
• 6-2 Selector-detailed explanation of selector (2)
• Chapter7 CSS animation—page special effects
• 7-1 CSS animation-2D, 3D conversion
• 7-2 CSS Animation-Transition
• 7-3 CSS animation-animation
• 7-4 CSS Animation - Multiple Columns
• 7-5 CSS waterfall effect
• Chapter8 HTML and CSS simple page effect examples
• 8-1 HTML and CSS simple page effect examples
• Chapter9 Detailed explanation of CSS3 selectors (1)
• 9-1 CSS3 attribute selector
• 9-2 CSS3 structural pseudo-class selector
• 9-3 CSS3 selectors root, not, empty and target
• Chapter10 Detailed explanation of CSS3 selectors (2)
• 10-1 Selectors: first-child, last-child, nth-child
• 10-2 Selectors: nth-of-type and nth-last-of-type
• 10-3 only-child selector
• Chapter11 Detailed explanation of CSS3 selectors (3)
• 11-1 CSS3 selectors hover, focus, active and checked
• 11-2 enabled和disabled
• 11-3 Universal sibling element selector
• Chapter12 CSS3 text and font related styles
• 12-1 CSS3 adds shadow to text
• 12-2 CSS3 uses server-side fonts
• 12-3 CSS3 changes font type while keeping font size unchanged
• Chapter13 CSS3 box related styles
• 13-1 Type of box
• 13-2 Display of content that cannot fit in the box
• 13-3 How box shadow and size are calculated
• Chapter14 CSS3 background and border related styles
• 14-1 New properties related to background
• 14-2 rounded border
• 14-3 Use image borders
• Chapter15 Animation features in CSS3
• 15-1 Transitions function
• 15-2 Animations function
• 15-3 How to implement animation
• Chapter16 Full access to CSS3 layout properties
• 16-1 Introduction to the Flexbox Model
• 16-2 Flexbox menu item practice
• 16-3 Detailed explanation of multi-column attributes
• 16-4 Media query parsing
• 16-5 Responsive form project practice
• 16-6 Responsive image project practice