welcome, to link
css to your html doc you need to add this to your head tag:
<link rel="stylesheet" href="name of your css doc.css(no spaces)">
oh, and no end tag for the link
tag
in your css doc it is good practice to add this at the start:
@charset="utf-8";
before we continue we must understand what is a id
and class
:
a class is a the same as an id but different Syntax, to give an element a id or class do this:
<!--id:--> <tag id="your id name(can have spaces!)"></closeing tag(if one is required!)>
<!--class:--> <tag class="your class name(can have spaces!)"></closeing tag(if one is required!)>
now, you need to remember that id/class name because it will be used in css:
your id/class name(can have spaces){
/*examples: (comment btw)*/
background-color: colours/*(for full list go to: https://www.w3schools.com/colors/colors_names.asp)*/;
background-color: /*you can use rgb:*/rgb(0, 0, 0)
background-color: /*you can also use hex:*/#000000
/*use: you id/class name::after
to make an element after your element (same with ::before)*/
}
well, I still can't stress enough how much I whant you to go to w3schools, and similar resources!