Monday, November 7, 2011

Adding a Touch of Style

Getting Started

Four parts of a style rule:
  • Bracket
  • Tag Name
  • Property
  • Semi- colon
  • Example of a coded style rule:
    • body{color: black; background: white; }
  •  Style rules located in html documents:
    • The header
  • Code used to identify style rules:
    • <style type= "text/css">
Linking to a Separate Stylesheet
  • Example of proper coding for linking a separate stylesheet:
    • <link type="text/css" rel="stylesheet" href="style.css">
  • Where tag should be placed in the html document:
    • Within the <head> ... </head>
  • What value should the link element's rel attribute be sent to allow the browser to recognize the URL for your styesheet?
    • "stylesheet"
  • Does an external stylesheet or a style element have priority on a web page?
    • Style elment if it is below the style link
  • What does /* stlye.cass-- a simple style sheet */ mean?
    • example of a comment
Margins
  • What code would you write to make a 25% margin on the left and a 10% margin on the right?
    • <style type="text/css"> body { margin-left: 25%; margin-right: 10%; } </style>
  • If you want a header (h1) to start some to the left, what code would you write to make that happen?
    • h1 { margin-left: -8%; }