How can I use CSS with semantic HTML?

How can I use CSS with semantic HTML?

You can style semantic HTML elements using CSS just like any other HTML elements. For example, you can target a <header> or <article> tag in your CSS file.

Can you give me an example of styling a <nav> element?

Sure! You can style a <nav> element like this:

nav {
    background-color: #333;
    color: white;
    padding: 10px;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
}

What are the benefits of using semantic HTML?

Semantic HTML improves accessibility, SEO, and makes your code more readable. It helps browsers and assistive technologies understand the structure of your content.

How does CSS affect the performance of a webpage?

CSS can impact performance through file size and loading times. Optimizing CSS by minimizing and combining files can enhance performance.