Tag Archives: featured

css

CSS

Next

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

CSS Introduction

CSS stands for Cascading Style Sheets.

Cascading” means that one or more style sheets can be applied on the HTML document one after the other using some rules.

So, the same tag can use one or more styles.In short, for Styling the HTML document, you have to use CSS.

HTML simply creates the structure or skeleton while CSS will make the website colorful,better and clear.

  • 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

Pictorial Difference between HTML and CSS

HTML VS CSS
HTML VS CSS - Just Pictorial representation

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
Next
Facebook Twitter Google-plus