CSS/Training/Create CSS

From Web Education Community Group
< CSS‎ | Training
Revision as of 21:22, 19 November 2011 by Rworth (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Create CSS

Edit tools

You don't need a special tool for making HTML. We can write CSS by hand using tools such as NotePad on Windows, or TextEdit on the MacOS.

However, Web developer often use Web authoring tools:

  • Dreamweaver
  • FrontPage

...etc

But, I recommend that you use plain text editor. Because I think this is the best way to acquire the CSS.


File names

When you save the CSS document, you should follow the file neme rules.

  • use the ".css" file extension.
  • use only alphabets, numbers, "-(hyphen)" and "_(underscore)".


Challenge

1. Describe CSS document as follows:

body{
  font-size: 0.8em;
}

2. Save the file as CSS document. In this example, "style.css".


3. Describe HTML document as follows:

[index.html]

<head>
  <meta charset="utf-8">
  <title>HOME | W3C cafe</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>


In the next week, you will learn the styling the HTML documents by CSS.
First of all, Text styling