View video tutorial

CSS Get Started

CSS

This tutorial will show how to write/edit CSS in Notepad++.

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++.

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 (*)

notepad

➔ Open file in any of your browsers.

notepad

➔ Output looks like below.

notepad

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>
Try it Now »

Click on the "Try it Now" button to see how it works.