CSS/Training/Create CSS

From W3C Wiki
< CSS‎ | Training
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 name 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