CSS Tutorial

CSS Tutorial

CSS stands for Cascading Style Sheets. It is the standard method for applying styles to websites. CSS defines how HTML elements should be displayed.


Before CSS in early days of web development, because of inline-styling, the presentational attributes of HTML documents were contained within the HTML markup ( inside the HTML tags).
HTML was never intended to contain tags for formatting a web page!
But some developers wanted to have pretty content.
So All the font colors, background styles, element alignments, borders, and sizing had to be explicitly described within the HTML.
As a result, the development of the large websites became a long and expensive process, since the style information was repeatedly added to every single page of the website. It was a nightmare for web developers.

To solve this problem, the World Wide Web Consortium (W3C) created CSS and maintains its standard. CSS was designed to enable the separation of presentation and content.┬áSince then it’s easier to write and read HTML because it’s simple and clean.

CSS3 is the latest version of the CSS .

Here’s an example CSS code:

CSS Tutorial at nevci.com

Example Codes in each chapter

This CSS tutorial contains countless of CSS example codes.
You can play with codes or watch a video and then code yourself.

body {
  background: lightblue;
  font-family: 'Indie Flower', cursive;
}
h1 {
  color: white;
  text-align: center;
  }
p {
  padding: 10px;
  font-size: 25px;
}

What Can You Do with CSS?

  • You can easily apply the same style rules on multiple elements.
  • You can change the position of an element on a web page without changing the markup.
  • You can transform elements like scale, rotate, skew, etc. in 2D or 3D space.
  • You can create animations and transitions effects without using any JavaScript.
  • You can create website layout pretty quickly and even make it mobile-friendly.

The list does not end here, there are many other interesting things that you can do with CSS. You will learn about all of them in detail in the upcoming chapters.

CSS Saves a Lot of Work and Time!

With an external stylesheet file, you can change the look of an entire website by changing just one file. It means we write code once and save it in a CSS file with a .css extension. And link this file to as many web pages as we want.




Firdavsi

Create Account



Log In Your Account