Free Web Development Online Tutorials, Learn to Code
Learn CSS StyleSheet, Free CSS Tutorial for Beginners, Responsive CSS Examples

CSS Tutorial for Beginners

Learn CSS Online with our Free CSS Tutorial, Learn how to style and visually organize HTML control with CSS

free css tutorial online

Learn CSS Online Free

Start Learning CSS in Plain Notepad, or just download Notepad++

What is CSS?
CSS is Cascading Style Sheets, CSS describes how HTML elements should be displayed

This CSS tutorial contains many real-time CSS examples, So that you can learn how to write CSS class and apply on HTML control.

Audience

This tutorial is for web page designer, students and professionals who want to make their website pages, blogs more attractive, sober, reader friendly. Yes, anyone can learn and apply CSS on their web pages.

How to write CSS ?

You can write Css in your current HTML file or you can write a separate css file in a plain notepad then save the file with .css extention.

If you write css on same html file, then the csss code will start with <style> and end with </style> , below is an example.

Learn CSS Coding

<style>
body {
background-color:#e2e2e2;
}
            
h1 {
color:#006ecb;
text-align: center;
font-size:18px;
}
            
p {
font-family: verdana;
font-size: 14px;
}
</style>

But, if you want to write css in a separate file, this is how you can write, and just save the file with .css extension

Create CSS file

You can create a css file with any name and save with CSS extension .css, Like i have create a file called "wtr-style.css", and written the following code.

body {
background-color:#e2e2e2;
}

h1 {
color:#006ecb;
text-align: center;
font-size:18px;
}

p {
font-family: verdana;
font-size: 14px;
}

CSS Examples


CSS Tutorial, Learn CSS Online, Free CSS Tutorial for Beginners, Introduction to basics of Cascading Style Sheets (CSS3)

After learning this you can get job as Trainee Web Designer
Comment
Name
Email
Website
Subscribe
 
Free CSS Tutorial
Learn CSS3 Online