CSS Beginner

Course · Web Development · 6 Weeks

A free reading course that teaches you to make web pages look good. Twelve chapters cover selectors, colours, text and fonts, the box model, flexbox and grid layout, responsive design, styling forms and buttons, and animations, and end with a project where you design the portfolio page you built in HTML Beginner. Every chapter has clear explanations, worked examples, common mistakes, multiple-choice questions you answer as you read, and practice exercises, with a practice assignment for each chapter and an answer key. Basic HTML is expected, so start with HTML Beginner if you are new. You read at your own pace, type the examples yourself and check them in your browser.

Program fee: ₹0 (excl. GST). Certificate on completion, tied to a verifiable Intern ID.

Learning Roadmap

  1. Weeks 1-2: Styling the basics: Link your first style sheet, choose elements with selectors, set colours, backgrounds and units, and style text and fonts.
  2. Weeks 3-4: Layout: Understand the box model, control display and position, and build layouts with flexbox and grid.
  3. Weeks 5-6: Polish and finish: Make pages work on every screen size, style links, lists, tables, forms and buttons, add transitions and animations, and finish by designing your own portfolio page.

Syllabus — What You'll Learn

  • Getting Started: what CSS is, three ways to add it, your first style sheet
  • Selectors: element, class, id, combining, pseudo-classes and specificity
  • Colours, Backgrounds and Units
  • Text and Fonts
  • The Box Model
  • Display, Position and Overflow
  • Flexbox
  • Grid
  • Responsive Design
  • Styling Links, Lists, Tables, Forms and Buttons
  • Transitions, Transforms, Animations and Custom Properties
  • Final Project: style your portfolio page

Career Opportunities

  • Web Development (second step after HTML)
  • Junior Front-End Developer (with JavaScript)
  • Web Designer (first step)
  • WordPress Theme Customiser
  • Landing Page and Email Template Builder