Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Basics of CSS

via CodeSignal

Overview

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.

Syllabus

  • 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

Reviews

Start your review of Basics of CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.