Write CSS code in Notepad++
Notepad++ is a very simple and small editor with code highlighting feature.
Now Download Notepad++ and install on your computer by following simple Next>Next>Finish wizard.
Open the Start Screen (the window symbol at the bottom-left on the screen). Type Notepad++.
Open Notepad++ type the following code and save file to any location in your computer by any file name for example index.html, Save type as:All files (*)
Open file in any of your browsers.
Output looks like below.
Practice with examples.
You can practice online CSS editor.
To see the output for every example click "Try it Now"
Example
<!DOCTYPE html>
<html>
<head>
<title>CSS Example</title>
<style>
body{
background-color: rgb(200, 217, 197);
}
</style>
</head>
<body>
<p>CSS Example</p>
<h1>Try CSS in Notepad++</h1>
<p>A simple text editor like Notepad or
Notepad++ is fine for learning CSS.</p>
</body>
</html>
Click on the "Try it Now" button to see how it works.