style sheets - external doc to design for the the webpage that you have to link to the main code
ex.
sample.css
body { background-color: navy}
h1 { color: white: text-align: center, font-size: 75px;}
CSS basics
- color
- background
- font
- text align
- border width
CSS measures using different units
CSS colors ( different ways to put the same color)
- RGB
- HSL
- HEXADECIMAL
Inline elements
Block elements
CSS box model
selectors
- specifies which element to style ex. body
ID & Classes are important
ID
- always put # in front of an ID
- only one ID for each name
ex. #contact, you cant have any other one named #contact
- only changes that specific thing on the page
Classes
- you can have more than one of the same class
-
ex. let's eat.....
^
- class named "wecode"
- you can have many of this same class
CSS RESET
- resets everything if something doesnt look right
ex. body, header, nav, footer {
margin:0;
}
CSS comment
/* commment */
Validate
W3C - with CSS validation