Basics of CSS

Delve into CSS in this course to boost your Frontend Engineering skills, starting from the basics to mastering styling with HTML using CSS syntax, selectors, and the box model. Learn to manipulate the design and layout, transforming an HTML document into a visually appealing webpage.

Lessons and practices

Lesson 1: Learning the Fundamentals of CSS

Mission Log: Day 1 - Styling Our Journey

Dawn of a New Venture

Cosmic Stylesheet Connection Issue

Starry Styles on a Cosmic Canvas

Styling the Galactic Header

Lesson 2: Navigating CSS Selectors: Exploring Element, Class, and ID Selectors

Exploring CSS Selectors in the Cosmos

Alter the Sun Color

Cosmic Style Reconnaissance

Cosmic CSS: Styling the Planets

Styling the Solar System

Lesson 3: Coloring the Cosmos: Styling Text and Colors in CSS

Cosmic Color Transformation

Black Space Adventure

CSS Underline Misstep

Cosmic Styling: Illuminating the Moon

Mars Logbook Entry: A Styling Odyssey

Lesson 4: Exploring the CSS Box Model: Fundamentals and Applications

Exploring the CSS Box Model in Action

Strengthening the Spacecraft Border

Cosmic Module Styling Diagnostic

Styling the Space Badge

Cosmic CSS: Constructing the Planet

Lesson 5: Navigating the Universe of CSS Positioning

Exploring Fixed Positioning in CSS

Experimenting with Z-Index

Stabilizing the Status Bar

Cosmic Control Panel Stabilization Challenge

Orbital Construction: A CSS Space Scene

Lesson 6: CSS Modern Layout Techniques: Exploring Flexbox and Grid

Witnessing Flexbox and Grid in Action

Orbital Alignment in the Universe

Planetary Misalignment

Aligning the Cosmos: Adding Grid Layout to the Planetary Orbits

Aligning the Inner Planets with Flexbox

Interested in this course? Learn and practice with Cosmo!

Practice is how you turn knowledge into actual skills.