CSS at w3schools
CSS: Adding Style to the Web
3 ways to attach a style sheet! Internal, External, and inline Style Sheets
Format for Internal and External Styles:
selector {property: value}
Example: h3 {color: #FF0000}
This changes all h3's font color to Red (#FF0000)
You can apply multiple styles at once by separating them with a ; (semi colon)Example: h3
{
color: #FF0000;
font-family: Arial;
}Internal Styles use the style tag inside the head section of your webpage
Example: Change the color of the h3 text and size of the font (text) inside a p tag
<style>
h3 {color: #FF0000}
p { font-size: 150%}
</style>External Styles are called by using the Link tag
Example: <link rel="stylesheet" type="text/css" href="file-name_of_stylesheet.css" />
Inline styles are placed inside the tag (element) as an attribute!
Example: <p style="font-family: arial, 'lucida console', sans-serif">
The CSS Box Model
This model defines how the Style will impact the content.
Content is the information you provide between the tags.
Padding is the space between the border and the content.
Border is a line you can place around the content.
Margin is the space between the border and the end of the screen
