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
Beginner
CSS Introduction
08:15CSS Syntax and Structure
03:40Selectors
20:33How CSS Works with HTML
02:05CSS Comments and Best Practices
04:40Colors
04:12Backgrounds
31:15Borders
08:36Box Model (Margin, Padding, Height/Width)
42:42Text
31:36Icons
08:32Links
04:02Lists
16:36Tables
09:02Display
26:24CSS Width Property
05:10Rounded Corners
29:28Opacity
04:18Units
21:24Specificity
13:26!important
05:39
Intermediate
Positioning (Relative, Absolute, Fixed, Sticky)
09:25Z-Index
12:13Overflow
10:27CSS Float and Clear Properties
10:47Combinators
06:12Pseudo-classes
07:37Pseudo-elements
07:49Image Sprites
05:29Gradients
10:09Shadows
09:38Box Sizing
10:08Media Queries
27:02Flexbox Layout
35:52Math Functions
10:562D Transforms
07:50Transitions
17:59Buttons
22:24Pagination
13:53Multiple Columns
22:08CSS Variables
23:05
Advanced
3D Transforms
05:08CSS Grid Layout
01:02:43Animations
21:21Tooltips
15:04Image Reflections
11:10Object Fit
04:20Object Position
12:12Masking
04:47Introduction to SCSS
48:04