CSS

2-13-06 and 2-16-05

  • Continue adding notes to your css.html page.
  • Make a paragraph each day you work on the css ideas. Add them to the top of the page, inside the body. Add notes about what you try that day and what you learn about the things you try.
  • Modify each paragraph on your css.html page with the P and /P tag.
  • Structure your css like this:
Break your code up to make it more visible in the editing process
To make the style definitions more readable, you can describe one property on each line, like this:
p
{
text-align: center;
color: black;
font-family: arial
}

  • Group your common selectors and use them on your css.html page
You can group selectors. Separate each selector with a comma. In the example below we have grouped all the header elements. All header elements will be green:
h1,h2,h3,h4,h5,h6
{
color: green
}

  • Insert comments that explain what your CSS code does
You can insert comments into CSS to explain your code, which can help you when you edit the source code at a later date. A comment will be ignored by the browser. A CSS comment begins with "/*", and ends with "*/", like this:
/* This is a comment */
p
{
text-align: center;
/* This is another comment */
color: black;
font-family: arial
}

  • Print today's code and hand it in.
  • Print page one of your html.css page and hand it in.
2-9-06
Make a web page called css.html
Use HTML structure

TITLE Your Name CSS /TITLE

Add this code to your HEAD

<link rel="stylesheet" type="text/css" href="mystyle.css" />
Top of the body: <H1> Your Name CSS </H1>
<A HREF="index.html"> Back to my index</A>

  • As you go, write five to ten comments about what CSS can do and how to use it.
These comments will become the text that your CSS will modify.
  • Put a P tag at the start of your comments and a /P tag at the end.
  • Head your comments section with H3 What I Think about CSS /H3
  • Make a page in your directory called "mystyle.css"
  • Experiment with css
Here are some links:
Introduction - http://www.w3schools.com/css/css_intro.asp
Syntax - http://www.w3schools.com/css/css_syntax.asp
Examples - http://www.w3schools.com/css/css_examples.asp


Page Information

  • 7 months ago [history]
  • View page source
  • You're not logged in
  • No tags yet learn more

Wiki Information

Recent PBwiki Blog Posts