CSS HOME
On this page
CSS helps you separate content from design. While HTML defines the structure of a page, CSS defines its visual appearance. This makes websites easier to maintain and better suited for different devices and screen sizes.
What You Will Learn
- How CSS works with HTML
- How to style colors, text, backgrounds, and borders
- How to control spacing, positioning, and layout
- How to build responsive and accessible web designs
CSS Example
This example styles a page background, a heading, and a paragraph:
<!DOCTYPE html>
<html>
<head>
<style>
body { background: #f5f7ff; font-family: Arial, sans-serif; }
h1 { color: #1f4bd8; }
p { color: #333; }
</style>
</head>
<body>
<h1>Hello CSS</h1>
<p>This page is styled with CSS.</p>
</body>
</html>
Prerequisites
To get the most out of this tutorial, you should have a basic understanding of HTML. If you are new to HTML, start with the HTML tutorial first.
Start Learning CSS
Use the menu on the left to navigate through the lessons, or continue with CSS Introduction to learn the core concepts of CSS.
CSS Basic Page Style