CSS Tutorial

This CSS tutorial series describes various features of cascading style sheets to make web designing easier.

What is CSS?

  • CSS was developed in 1997 for Web designers, as a way for Web designers to define the attractive look and feel of their Web pages.
  • CSS is used for design web pages.
  • CSS works with HTML only.
  • HTML is only Markup language, we can use some attributes and values in tags, but it's not capable of creating attractive web page design.
  • The World Wide Web Consortium (W3C) has created CSS to solve this problem.
  • In HTML 4.0, all formatting could be removed from the HTML document and can be stored in a separate CSS file.
  • Today all web browsers are supporting CSS.

Required Knowledge

Things to Know and have before started learning CSS:

  • Use of any Text editor such as notepad, notepad++, vi editor, Sub-lime text-Editor, etc.
  • Create directories and files on your PC.
  • Navigation of files and paths in your drive for any file.
  • About the different formats of images and multimedia files and their extensions
  • Saving contents to files in drives.

Also, the knowledge of HTML must be for the use of CSS, so if you want to study HTML first, go to the HTML tutorial series.

CSS Example

<!DOCTYPE html>
<html>
<body>

<style>
h2 {
     font-size: 30px;
     line-height: 36px
}
p {
     padding: 10px 10px 10px 40px
}
p:hover {
     text-decoration: underline
}
</style>

<h2>This is page heading.</h2>
<p>This is my first <strong>paragraph text</strong>.</p>

</body>
</html>

Scroll Back to Top