CSS Tutorial

CSS is a language that is use to style an HTML document.

CSS describes how HTML elements should be displayed.

CSS is a technology introduced and developed by the World Wide Web Consortium, (W3C for short). It was released to help web designers from the tedious process of inline styling and make styling a separate entity in itself for free.


what is css

what is css

CSS stands for Cascading Style Sheets.

CSS (Cascading Style Sheets) is a language for styling website page. We can change the appearance and the layout of the web-page through using CSS. We can also define how a webpages view changes in different screens like desktops, tablets,  mobile and T.V. devices.

CSS is used to control the style of a website document in a simple and easy way.

CSS is a styling language that is used to design the look and formatting of a document written in markup language. It provides an additional feature to HTML.

CSS is generally used with HTML to change the style of website pages and users interfaces. CSS can also be used with any kind of XML document including plain XML, SVG and XUL.

it is used along with HTML and JavaScript in most of websites to design user interfaces for web applications and users interfaces for many mobile application.

it is easy to learn and understandable but it provides powerful control over the presentation of a HTML documents. Most generally, CSS is combines with the markup languages HTML or XHTML.


Important Points of CSS

  • CSS stands for Cascading Style Sheet.
  • CSS is used to design HTML tags.
  • CSS is a most widely used language on the web
  • HTML, CSS and JavaScript are using for web designing. It helps the web creators to apply style on HTML tags.
  • CSS designate how HTML elements are to be represented on screen, paper, or in other media
  • CSS saves a lot of work. It can be control the layout of multiple website pages all at once

What can CSS do / what does CSS do

  • CSS can add new looks to your old HTML documents.
  • CSS can completely change the looks and layout of website with only a few changes in CSS code.
  • Text size, color, style, typeface, and alignment
  • Link color and style
  • Image size and alignment
  • List bullet styles and indentation
  • Table size, shading, borders, and alignment

CSS Versions

There are three types of CSS Versions

  1. CSS1
  2. CSS2
  3. CSS3
  4. CSS1

    CSS1 stand for Cascading Style Sheets level 1 that came out of W3C as a commendation in 17 December 1996. This version represent the CSS language as well as a simple visual formatting model for all the HTML tags.

    CSS2

    CSS2 became a W3C recommendation in 12 May 1998 and builds on CSS1. The CSS2 version attaches support for media specific stylesheets for example aural devices and printer, element positioning, downloadable fonts, tables and much more.

    CSS3

    CSS3 is a letest running version of CSS.

    CSS3 contains a lot of features such as Nuemorephism, Glassophysm and so more.


How Does CSS Cascade

CSS brought about a revolution in web-developments and how public perceive the process of creating a website. Prior to the presence of CSS, elements had to be styled in an in-line fashion or the style were materialized in the head section of an HTML page.

changed due to the cascading nature of CSS. Here are the three major ways CSS cascades:

  • Elements – The selfsame CSS style can be applied to multiple elements to achieve the same style.
  • Multiple Style One Element – Multiple style can apply to a particular HTML element to achieve a unique styles.
  • Same style, Multiple Pages – The same stylesheet can be applied to multiple HTML pages simultaneously to achieve template styling quickly.

Why to Learn CSS

CSS is must for students and working occupational to become a greatest Software Engineer specialist when they are working in Web Development Domain.

here are list down some of the key reasons of learning CSS:

  • Create Stunning Web site - CSS struts the look and feel part of a web page. Using CSS, we can determine the color of the text, the spacing between paragraphs, the style of fonts, the size and shape of the columns, what type of colors or background images are used, layout design, different devices and screens Can handle changes in display for sizes. a variety of another effects.
  • Become a web designer - If you want to start a carrier as a professional web designer, HTML and CSS designing is a must skill.
  • Control web - CSS is easy for learn and understandable but it provides powerful control over presentation of an HTML documents. Most commonly, CSS is combines with the markup languages HTML or XHTML.
  • Learn other languages - Once you understands the general of HTML and CSS then other related technologies like java script, php, or angular are become easier to understand.

Why use CSS

CSS is used for define styles for our website pages, including the designs, layouts and variations in display for different devices and screen sizes.

  • Solves a big problem : Before CSS, tags like fonts, colors, backgrounds styles, element alignments, borders and size had to be repeated on every web pages. This was a very long process. For example: If you are designing a large website where fonts and colors information are added on every single page, it will be become a long & expensive process. CSS was created to solve this problem. It was a W3C recommendation.
  • Saves a lot of time : CSS styles definitions are saved in external CSS file, so it is possible to change the entire websites by changing just one file.
  • Provide more attributes : CSS provides whole attributes than plain HTML to define look and feel of the websites.
  • Pages load faster : CSS doesn't required the writing of HTML tag attribute every times. There is the writing of rule just once for a tag, which can apply to all the occurrences of corresponding tag. thus using CSS, there is less code, which means faster downloading.
  • Easier Website maintenance : CSS makes the maintenance of the website easier. It plays an essential role in website maintenance. If we need a global change in the files, it can be easily done by modifying the style by which all the elements on the web pages will update automatically. The CSS file gives a flexible looks to the website, which can alter in a convenient way. It also makes HTML formatting and modifications of corresponding data elements easier.
  • Multiple device compatibility : CSS is relevant with older language versions so that we can use CSS with the earlier languages versions. Because of this, if CSS application is build with the older programming language versions and if the developer consist the same with new improvements, then CSS can be easily implemented with corresponding changes so the developers can update the existing code successfully. CSS allows content to optimize for more than one type of devices.

Who Creates and Maintains CSS

CSS is designed and maintained through a group of people within the W3C that called the CSS Working Group. The CSS Working Group creates documents called specifications. When a specification has been debated and officially accorded by the W3C members, it becomes a recommendation.

These ratified specification are called recommendation because the W3C has not any control over the actual implementations of the languages. Independent companies and organizations create that software.

NOTE − The W3C (World Wide Web Consortium), is a community that makes recommendations about how the Internet works and how it should developed.


Applications of CSS / Uses of CSS

There are several applications of CSS

  • Compatibility
  • Website Maintenance
  • Easy Accessibility
  • End-User and Server-side Representation
  • Handling Flash Animation and Effects
  • Handling Dynamic Website Templates
  • Image File Handling
  • Social Media Impact
  • Web-based Online Community and UI Approach
  • E-Commerce Domain

History of CSS

CSS was created 4 years after HTML as an experiment to see whether developers and consumers required extra styling effects.

At the time, it was vague whether CSS would be useful, and only some major browsers supported it. As a result, CSS was created separately from HTML to allow developers to create sites using just HTML.