Day 2: CSS Styling
Dive into styling with Cascading Style Sheets — colors, layouts, animations, and responsive design.
Today's Lessons
1 What is CSS?
What is CSS? How does it work with HTML to style web pages?
2 Types of CSS Styling
Rules, declarations, properties, and the language of CSS.
3 Typography
Font families, sizes, weights, line-height, text decoration, and colors.
4 CSS Selectors
Target elements with class, ID, attribute, and pseudo-selectors.
5 Box Model
Content, padding, border, and margin — the foundation of layout.
6 CSS Functions
Custom properties, calc(), min(), max(), and clamp().
7 Backgrounds
Background colors, images, gradients, and positioning.
8 Units in CSS
px, em, rem, vw, vh sizing measurements.
9 Shadows
box-shadow and text-shadow depth effects.
10 Animations
Transitions, keyframes, and bringing elements to life.
11 Positioning
Static, relative, absolute, fixed, sticky — element placement.
12 Flexbox
One-dimensional layouts with flexible alignment and distribution.
13 CSS Grid
Two-dimensional layouts with rows, columns, and areas.
14 Responsive Design
Media queries, mobile-first, and adapting to any screen size.
15 CSS Frameworks
Bootstrap, Tailwind CSS, Bulma, and Materialize.