Created By: Aaron Jack
Lecture Notes
CSS Introduction
What is CSS?

CSS stands for Cascading Style Sheets. It is used to style and layout web pages, including the design, colors, and fonts.

CSS allows you to separate content from design, making it easier to maintain and update the appearance of a website.

                    
                      <style>
                        body {
                          background-color: #f0f0f0;
                          color: #333;
                        }
                      </style>
                      
                    
                  

The <style> tag within the HTML document or an external stylesheet is used to add CSS rules that control the presentation of HTML elements.

Course Content
50 Lectures
  • CSS Introduction

    08:15
  • CSS Syntax and Structure

    03:40
  • Selectors

    20:33
  • How CSS Works with HTML

    02:05
  • CSS Comments and Best Practices

    04:40
  • Colors

    04:12
  • Backgrounds

    31:15
  • Borders

    08:36
  • Box Model (Margin, Padding, Height/Width)

    42:42
  • Text

    31:36
  • Icons

    08:32
  • Links

    04:02
  • Lists

    16:36
  • Tables

    09:02
  • Display

    26:24
  • CSS Width Property

    05:10
  • Rounded Corners

    29:28
  • Opacity

    04:18
  • Units

    21:24
  • Specificity

    13:26
  • !important

    05:39
  • Positioning (Relative, Absolute, Fixed, Sticky)

    09:25
  • Z-Index

    12:13
  • Overflow

    10:27
  • CSS Float and Clear Properties

    10:47
  • Combinators

    06:12
  • Pseudo-classes

    07:37
  • Pseudo-elements

    07:49
  • Image Sprites

    05:29
  • Gradients

    10:09
  • Shadows

    09:38
  • Box Sizing

    10:08
  • Media Queries

    27:02
  • Flexbox Layout

    35:52
  • Math Functions

    10:56
  • 2D Transforms

    07:50
  • Transitions

    17:59
  • Buttons

    22:24
  • Pagination

    13:53
  • Multiple Columns

    22:08
  • CSS Variables

    23:05
  • 3D Transforms

    05:08
  • CSS Grid Layout

    01:02:43
  • Animations

    21:21
  • Tooltips

    15:04
  • Image Reflections

    11:10
  • Object Fit

    04:20
  • Object Position

    12:12
  • Masking

    04:47
  • Introduction to SCSS

    48:04