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.