X

CSS Tutorial

Welcome to CSS Tutorial in this tutorial you are going to learn cascading style sheets mechanism.what is CSS? why CSS? where specifically we are using cascading style sheets. You will learn simply step by step in this tutorial.

We are going to start a very important subject for a new comer, who need to learn the web designing. We are going to talk about about these CSS.

CSS is basically a technology which is very much popular and is very indispensable for the web designing concepts. Nowadays a number of concepts like bootstrap are entirely depending on these CSS.


Before starting css tutorial who are ready to practice cascading style sheets please try to learn HTML.


CSS – Cascading Style Sheets

what is the meaning of cascading? what is the meaning of style? what is the meaning of sheet?

    cascading means inheriting.

    style means collection of properties.

    sheet means .CSS extension



Where We Are Using CSS

Where HTML gets failed there we are implementing Cascading Style Sheet. In HTML some disadvantages existed those disadvantages CSS recovered. So every HTML level drawbacks cascading style sheets of mechanism recovering now perfectly.

simply one example we will see

Example

<!DOCTYPE html>
<html>
  <head>
<title> This is document title </title>
</head>
<body background=”css_logo.png”> html background property
  <p>This is a paragraph.</p>
</body>
</html>
Live Demo »

In above example added only one. I needed one time only so that time this type of drawback using HTML we are unable to control. That time we will use CSS.

Example

<body background=”css_logo.png” style=”background-repeat : no-repeat;”>

</body>
Live Demo »

To do like this kind of effective development HTML with the CSS combination possible. Of course static webpages only, but perfection possible.

If you want to do more effectively that so we require to learn cascading style sheets of mechanism.



CSS Features

CSS has a big list of features :

Flexibility

    It works with any kind of browser any technology and any platform.

Easy Manage

    A single stylesheet implement with the completely Styles attached to one number of HTML documents, you want any modification, do one time and it is reflecting all HTML documents so this is easily manage all the Styles.

Codes Rendering

    It is almost all similar to cascading mechanism, rendering means bring.

Accessibility

    On any technology are a easily we can access.

Global Change

    So one time you are changing or one type of performing changes, it is applicable to the respect to webpages.

CSS Save a lot of time

    Whenever needed any client updation, any kind of deletion, we can easily do within fraction of seconds, because stylesheet is a global very easily we can maintain.

Easy Maintenance

    Easily we can maintain it does not need any kind of programming language information you must not be a great programmer so just you know be the basics of HTML easily we can perform with the CSS.

Page Load Faster

    Performance wise superb, cascading style sheets ultimate, very easily it is presenting efficient performance and webpage load faster.

Inline Styles

    For every line we can apply styles, previously best example as shown to you in earlier Example.

Internal Style Sheet

    Internal style sheets, we are calling as embedded style sheets, these style you can apply page level.

External Style Sheet

    external style sheets in real time work level, we are using Only one external sheet we are creating, and we are connecting to n number of HTML documents.

superior style to HTML

    Wonderful styles as i provided to an example to you related to background properties.

Multiple Devices Compatibility

    Any kind of device any gadget any widget CSS has a perfect suitability.

Global Web Standards

    W3C standards who founded HTML and that organization is suggesting now cascading style sheets mechanism.



CSS History

CSS1 was first came out of W3C as a suggestion in december 1996. This version explains the CSS language as well as a simple visual formatting version for all the HTML Tags.

CSS2 was became a W3C suggestion in may 1998 and develops on CSS1. This version provides support for media-specific style sheet ex: printers and aural devices, downloadable fonts, element positioning and tables.

In 1999 CSS3 and recently 4.0 release.