CSS Documentary

A Comprehensive Guide to Modern CSS

Made by Ori Surut

Welcome to this comprehensive CSS documentary. This collection of guides covers various aspects of CSS, from basic properties to advanced techniques. Each section focuses on a specific area of CSS, providing examples, explanations, and best practices.

HTML Guide
Easy
Medium
Hard

CSS Colors & Gradients

Master color formats, gradients, color theory, and create visually appealing color schemes.

Explore Guide

CSS Backgrounds

Learn to use background colors, images, gradients, and techniques for creating beautiful backgrounds.

Explore Guide

Typography

Master text styling with font properties, layout techniques, and typography best practices.

Explore Guide

Button Styling

Learn to position and size buttons effectively with techniques like absolute positioning and flexbox.

Explore Guide

Button Borders

Discover various techniques for styling button borders with different styles, sizes, and effects.

Explore Guide

CSS Variables

Learn how to use CSS custom properties (variables) to create more maintainable and dynamic stylesheets.

Explore Guide

CSS Animations

Explore basic CSS animations with examples of effects like fade, bounce, rotate, and color changes.

Explore Guide

CSS Transforms & Effects

Learn 2D/3D transforms, filters, blend modes, and other visual effects to enhance your designs.

Explore Guide

Advanced Animations

Dive deeper into animations and transitions with comprehensive examples and techniques.

Explore Guide

Flexbox Layout

Learn the flexible box layout model for designing complex layout structures with ease.

Explore Guide

Grid Layout

Explore CSS Grid for powerful two-dimensional layouts with rows and columns.

Explore Guide

Responsive Design

Create websites that look great on any device with fluid layouts, media queries, and more.

Explore Guide