CS Class - 10/7

Images

CSS are the rules you use to stylize the html elements

Talk about google

Different forms of adding CSS - Inline, Internal (Using style tag), and External
<link rel="stylesheet" type="text/css" href="css/style.css">

show them color picker, we can use color names, html5 color names, hexadecimal, RGB

background-color: #123abc
color: #123abc
color: red;

Web safe font
font-family: Arial, Helvetica, sans-serif;

Google fonts

change font size

font-size: 16px;
font-weight: bold;
font-weight: 900;
font: normal 16px Arial, Helvetica, sans-serif;
line-height: 1.6em;

Wrap paragraph and heading in div class="box-1"

Difference between class and ids
add background color to div

add margin:0; to body
.box-1 - color: white

div class container
width: 500px;
width: 80%
div box-1
border-right: 5px red solid;


.box-1 h1{

}

a:hover, a:active, a:visited