Core idea

• CSS = Cascading Style Sheets
• HTML styling tags are deprecated

Methods to add CSS

1. Inline CSS (single element)

<html style="CSS"></html>

1. Internal CSS (full webpage)

<html>
  <head>
    <style>
      html {
        /* CSS */
      }
    </style>
  </head>
</html>

1. External CSS

Used for:

• Multi-page websites
• Separate CSS file

HTML file:

<link rel="stylesheet" href=""/>

CSS file:

html {
  background: green;
}

CSS selectors

Universal selector:

* {
  /* CSS */
}

Element selector: