Share Description
In this course, you will :
- Learn how to use CSS for any type of website or project.
- Learn about fundamental CSS styling and formatting.
- Learn about CSS Theory and the concepts that drive CSS.
- learn about layout in CSS and how to manipulate it (flexbox, grid, etc.).
- Learn about CSS animations and transitions.
Syllabus:
1. CSS Introduction
- What is CSS?
- Creating & Linking a CSS Stylesheet
- How to Test a Stylesheet
2. Selectors & Properties
- What is a Selector?
- Classes & ID's in HTML
- Specificity & When to use Selectors
- Pseudoselectors
- Advanced Selectors
- Attribute Selectors
- What are Properties?
- The CSS General Rule
3. Coloring & Formatting
- Types of Colors
- Coloring Text
- Background Colors
- Images/URL's in CSS
- Other Background Properties
- Opacity/Transparency
- Gradients
4. Fonts & Text Manipulation
- Introduction to Types of Units
- Text Manipulation
- Font Size, Bolding & Style
- Font Families
- Including External Fonts w/ Google Fonts
- Using External Fonts
5. Layout
- The CSS Box Model
- Changing Content Size
- CSS Borders
- Margin & Padding
- Float & Display Types
6. CSS Flexbox
- What is Flexbox?
- Creating a Flex Container
- Flex Direction & Wrap
- Content Alignment
- Flex Item Order
- Shrink, Grow, & Basis
- The 'flex' Property
- Item Alignment
7. CSS Grid
- Grid vs Flexbox
- Creating a Grid
- Template Columns & Rows
- Justify & Align Grid
- Note about Next Lecture
- Row & Column Gaps
- Column & Row Lines
- Grid Area
8. Animations & Transitions
- The Transition Property
- Note about New Property Prefixes
- Transformation Functions
- Creating Animations w/ Keyframes
- Adding an Animation
- Animation Properties
