The Complete Beginner’s Guide to CSS

Description

In this course, you will learn :

• Working knowledge of modern web design best practices using Cascading Style Sheets (CSS) for HTML documents
• A strong understanding of CSS scripting and its document hierarchy model
• Deep familiarity with stylizing text, images, backgrounds, and layouts using CSS
• The ability to animate key web page elements using advanced CSS functions
• Hands-on experience building a professional web page using CSS

Syllabus :

1. CSS Selectors

• Selecting Elements
• Using the Document Hierarchy
• Using Attribute Selectors
• Part 1: Pseudo-Classes
• Part 2: Pseudo-Classes
• Pseudo-Elements

 

2. CSS Core Concepts

• The Cascade and Inheritance
• Specificity

 

3. CSS Units

• Introduction to Units
• Pixels and Percentages
• Font-Relative Units
• Viewport Units

 

4. CSS Fundamentals

• The Box Model
• MarginsPadding
• BordersCommenting
• FontsStyling Lists
• Calculations in CSS

 

5. Backgrounds & Colors

• Backgrounds
• Colors & Keywords
• Hex
• RGB/RGBAHSL/HSLA
• Quiz Yourself: Backgrounds and Colors in CSS
• Regarding Accessibility

 

6. CSS Layout

• The Display Property
• Positioning
• The z-index Property
• Part 1: Flexbox Basics, Part I
• Part 2: Flexbox Basics
• Flexbox: Centering and Flex Items
• Grid: Basics and Item Positioning
• Grid: Justifying and Aligning Content
• Centering
• Media Queries

 

7. Animating Your CSS

• FiltersTransformsTransitions
• Animations

 

8. CSS Architecture

• Feature Queries
• Custom Properties (Variables)
• Resets and Normalization
• Vendor Prefixing

Show more