Learn CSS

 

LEARN CSS

CSS stands for Cascading Style Sheets and is a programming language used to identify and describe how content looks on a page written in HTML.

 

INTRODUCTION

CSS or Cascading Style Sheets is the language use to tell a browser how to format an HTML document. It gives you precise control over how structural elements appear on a web page. You can create one style sheet for an entire site to keep the layout and look of your content consistent from page to page. With CSS you can style an HTML document differently depending on whether it’s being viewed on a pc or a mobile device. With the new CSS 3, you can easily animate HTML elements with just a couple lines of simple code.

SAMPLE CODE IN CSS

h2 {
font-face: Garamond;
font-size: 23pt;
color: yellow;
background-color: purple;
}

HISTORY

CSS was first proposed by Håkon Wium Lie on October 10, 1994. At the time, Lie was working with Tim Berners-Lee at CERN. The first release of CSS was in 1996. This release called CSS1 was a product of the World Wide Web Consortium or the W3C. The W3C is the source for all web design schema and the standards which are used across the globe. Since the original CSS was published there have been two other schema updates provided by the Consortium. CSS2 was released in 1998 and followed by CSS3 in 1999. Since the first release in 1996 CSS has become a standard for web design.

WHAT YOU CAN WITH CSS

With CSS, you can:

  • Specify font type, size, color, and effects.
  • Set background colors and images.
  • Control many aspects of text layout, including alignment and spacing.
  • Set margins and borders.
  • Control list display.
  • Define table layout and display.
  • Automatically generate content for standard page elements, such as counters and footers.
  • Control cursor display.
  • Create transitions.
  • Animate the values of CSS properties by using keyframe animation.
  • Design multicolumn layouts.
  • Use any of thousands of fonts in your web pages.
  • Define aural style sheets for text-to-speech readers.

CSS TEXT EDITORS

  • Stylizer
  • TopStyle
  • Style Master
  • Xyle Scope
  • Rapid CSS
  • Style Studio
  • CSSEdit
  • EngInSite CSS Editor
  • Stylesheet MakerArduo CSS
  • Simple CSS
  • Firebug
  • CSS Usage
  • Notepad++

CSS CHEATSHEET

CSS Cheat Sheet for Reference