Learn Basic CSS by Building a Cafe Menu - Step 21

Hi @xUNTOUCHABLEx ,
We can put HTML elements directly in CSS sheet, then the area between open & closing element tags has applied the properties of CSS.

If you look CAREFULLY at the code you posted above you will notice the following things.
There is a

<body>
..
..
</body>

element in HTML &

body {
...
}

section in CSS.

Also check the other elements (<h1>,<h2>,<p>) in HTML & How CSS is bonded with those elements.

According to your case,
<div>...</div> is an HTML element, so you have to add div { } section in CSS sheet. Between the curly brackets, you can place your attributes and values.

HTML

<div>
   ...
   ...
</div>

CSS

div {
  myattribute: myvalue
}
1 Like