CSS, or Cascading Style Sheets

CSS, or Cascading Style Sheets, is used to style HTML pages. It contains various constructs that allow you to change things such as fonts, sizes, colors, and layouts.

To follow along with the below-mentioned prompts, you’re recommended to create a product.css file, or you can just wait until the Assignment section later in this chapter; it is up to you.

First CSS

To leverage our AI assistant, we can place a CSS-type comment in a CSS file just like we do with code, for example:

.product {
  /* apply padding and margin */  
  padding: 10px;
  margin: 10px;
}

As was mentioned in the previous chapter, comment styles are different depending on the type of file. HTML comments look like so: <!-- -->. CSS comments use /**/ and JavaScript understands both CSS-type comments and //. In this chapter, you will be using /**/ as you’re dealing with CSS.

In GitHub Copilot, you can keep pressing the...