CSS Tutorials

CSS

This CSS Tutorial is right place to learn CSS from beginner to advanced level.

CSS Introduction

  • CSS stands for Cascading Style Sheets
  • For Styling the HTML document, you have to use CSS.
  • You can create CSS files in the HTML document as well as an external files.
  • The external CSS files are more popular and widely used.
  • Mostly, we apply CSS by creating Ids and Classes but there are other ways as well. We will discuss all these in this tutorial.
  • At the time of writing the 1st version of this tutorial, CSS3 is most popular version of CSS.
HTML VS CSS

Why CSS is used

Code re-usability.
It helps you to apply style on HTML tags.

Prerequisite to learn CSS

The learner should have a basic understanding of HTML/HTML5 in order to learn CSS.

Without CSS

<!DOCTYPE html> 
<html> 
<head>
</head> 
<body> 
<h3> Here</h3> 
<p>Hello, this is without CSS</p> 
</body> 
</html>

Output

Here

Hello, this is without CSS

With CSS

<!DOCTYPE html> 
<html> 
<head> 
<style> 
h3 { 
color:blue; 
background-color:yellow; 
padding:3px; 
} 
p { 
color:black; 
} 
</style> 
</head> 
<body> 
<h3> Here</h3> 
<p>This is with CSS</p> 
</body> 
</html>

Output

Here

This is with CSS

What you will learn?

This CSS tutorial teaches you everything about CSS right from the beginning to advanced level and each topic has explanation, theory, syntax and  real life examples.

Most of the topics contains images to explain the topics clearly like the one below- 

CSS box model displaying content, padding, border and margin