Core knowledge points of CSS3

I. CSS3 Basic Concepts

• CSS3 Introduction and Development History
• Browser Compatibility and Prefix Handling
• CSS3 Selector Enhancements
• Box Model Explained
• Visual Formatting Model
• Media Query Basics
• CSS Variables (Custom Properties)
• CSS Preprocessors and Postprocessors
• CSS Performance Optimization Principles
• CSS Code Organization and Maintenance Methods

II. Layout and Typography

• Flexbox Flexible Layout
• Grid Layout
• Multi-column Layout
• Positioning and Stacking Context
• Floats and Clearfix
• Responsive Design Principles
• Viewport Units Applications
• Holy Grail and Double Flying Wing Layouts
• Equal-height Columns Implementation
• Sticky Positioning
• Layout Alignment Methods
• Content Overflow Handling
• Scroll Snap
• Subgrid
• Intrinsic and Extrinsic Sizing

III. Visual Effects

• Transition Animations
• Keyframe Animations
• 2D/3D Transformations
• Gradient Backgrounds
• Shadow Effects
• Filter Effects
• Blend Modes
• Clipping and Masking
• Border Images
• Background Property Enhancements
• Shape Outlines
• Perspective and 3D Space
• Animation Performance Optimization
• Scroll Animation Techniques
• Parallax Effect Implementation

IV. Text and Fonts

• Custom Fonts (@font-face)
• Text Shadows
• Text Overflow Handling
• Typography Properties
• Font Icon Applications
• Variable Fonts
• Text Decoration Effects
• Writing Modes
• Text Alignment and Spacing
• Drop Cap Effects
• Text Gradient Effects
• Text Stroke
• Text Wrapping Rules
• Hyphenation Handling
• Text Direction Control

V. Responsive Design

• Advanced Media Query Usage
• Mobile-first Strategy
• Breakpoint Selection Principles
• Responsive Image Handling
• Adaptive Tables
• Responsive Navigation Patterns
• Device Adaptation Solutions
• Viewport Control
• Responsive Typography
• Touch Target Optimization
• High-DPI Screen Adaptation
• Print Style Design
• Dark Mode Implementation
• Orientation-aware Layout
• Responsive Component Design

VI. CSS3 Advanced Features

• Counters and List Styles
• Pseudo-classes and Pseudo-elements
• Attribute Selectors
• Custom Properties and Calculations
• Shapes and Paths
• Blend Modes
• Masking and Clipping
• Filter Chaining
• Variables and Theme Switching
• Conditional Rule Groups
• Scoped Styles
• Native Nesting Rules
• Container Queries
• Cascade Layers (@layer)
• Scoped Styles (@scope)