Making a working HTML-CSS webpage with Notepad

Almost, the shortest possible HTML document controlled by CSS is shown here:

<html> <head> <link rel=”stylesheet” type=”text/css” href=”your1st.css”> <title> This is Hi. </title> </head> <body> <h1>Headline for Hi</h1> <p>Hi this is some text 1</p> </body></html>

Type the bold document above in Notepad and save as CSS-works.html with file type “.html”. It will link to the document we named your1st.css. Type the bold material below in a new Notepad, and save it is asĀ  your1st.css. The name is arbitrary but it must be saved with file type “.css”:

h1 {color:red;} p {color:blue;}

Those two documents are easily created in Notepad. A video showing them is posted at YouTube.

Just for fun here is a really short html document controlled by css.

CSS example

An example of a very short working CSS document.

Probaway Helps you understand CSS Cascading Style Sheets.