Session 6

Session 6 - Library Style File

	1. Create CSS library file 
/* Styles */
  body {
    font-family: arial;
    color: rgb(128,0,0); /* Maroon */
    padding: 20px;
  }
  ul { font-size: 20px; color: rgb(0,0,140); /* Dark Blue */ }
  table {
    font-size: 20px;
    color: rgb(0,0,140); /* Dark Blue */
    width: 100%;
  }
  th { font-size: 24px;}
  tr { text-align: center;}
  img {
    max-width: 100%;
    height: auto; /* fit to height */
  }

	Save as styles.css in assets sub folder  
	

	2. Insert assets/styles.css link. 
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>My Website</title>
<link rel="stylesheet" href="assets/styles.css">
</head>
<body>

	

	3. Add main, header and footer with styles. 
  main { text-align: center; }
  header {
    background-color: rgb(128,0,0); /* Maroon */
    color: rgb(255,255,0); /* Yellow */
    padding: 10px; }
  footer {
    background-color: rgb(128,0,0); /* Maroon */
    color: rgb(255,255,0); /* Yellow */
    font-style: italic;
    text-align: center;
    padding: 10px; }

	

Open Website