SUCCEED

   

Web Design
Shodor > SUCCEED > Curriculum > Workshops > Web Design

Begin CSS Styling

  • Explain basic CSS syntax: item { property: value; }
  • Create an external stylesheet by opening a new TextWrangler file and saving it as "style.css". In the <head> add:
    <link rel="stylesheet" type="text/css" href="style.css" > . This tells the HTML file where to look for your style sheet.
  • Make changes on <body> and <h1> :
      body {
        background-color: red; 
      } 
    h1 { color: black; font-family: helvetica; text-align: center; }
  • Make changes to links: a:link, a:visited, a:hover, a:active . Explain the differences between these four link states.
  • Explain hexcodes. Introduce http://colorschemedesigner.com and suggest that students add it as a link on their page.