CSS Tutorial

CSS - Tutorial



CSS stands for Cascading Style Sheet. It is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. CSS enables multiple web pages to share formatting by specifying the relevant CSS in a separate .css file which reduces complexity and repetition in the structural content as well as enabling the .css file to be cached to improve the page load speed between the pages that share the file and its formatting.

About Tutorial

This tutorial is intended for students and professionals interested in studying basic and advanced concepts of CSS. This tutorial covers all topics of CSS which includes presentation and content, including layout, colors, and fonts of a markup language like HTML. We believe in learning by examples therefore each and every topic is explained with lots of examples that makes you learn CSS in a very easy way. Along with this, almost all examples can be executed online which provides better understanding of the language and helps you to learn the language faster. The classical "Hello World" example is mentioned below for the illustration purpose. In this example CSS is used to provide styling to <h1> and <p> HTML tags.

<!DOCTYPE html>
<html>
  <head>
    <title>This is document title</title>
    <style>
      h1 {color: #002699;}
      p {color: #0039e6;}
    </style>  
  </head> 
  <body>
    <h1>This is a heading</h1>
    <p>Hello World!</p>
  </body> 
</html>

The output of the above code will be:

Prerequisite

Before continuing with this tutorial, you should have basic understanding of Internet browser, text editor and operating system which includes creating files, creating directory, navigating through directory, saving files and different file format like JPG, JPEG etc. Before learning CSS, It is highly recommended to go through HTML tutorials first if you are new to HTML.