Skip to content
+91 89607 57615
Code Craft — web development and digital marketing
Lesson 525 min

CSS basics: selectors, the cascade and the box model

Link a stylesheet and style the bakery page with type, class, descendant and hover selectors.

Taught by Sandesh Sahetiya

The video is part of the full course

In this lesson you will

  • Link an external stylesheet
  • Target elements with type, class, descendant and pseudo-class selectors
  • Understand how the cascade and specificity decide which rule wins
  • Control spacing with the box model and box-sizing

CSS (Cascading Style Sheets) controls how HTML looks: colours, fonts, spacing and layout. You write rules that select elements and set properties on them. We'll keep the bakery page's HTML from the last lesson and add a stylesheet.

Link the stylesheet

Create styles.css next to index.html, then add one line inside <head>. We've also added class="card" to each <section> so we can style them as a group.

<link rel="stylesheet" href="styles.css">

Continue with the full course

The rest of this lesson, the narrated video, the PDF and the exercise are part of Web Development Foundations. One payment, lifetime access.

Buy the course$39.00

Already bought it? Sign in with the email you paid with.