CSS - Cascading Style Sheets - Markup Language (HTML|XML) Skin

About

CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc.

CSS = Skin of

  • HTML
  • SVG
  • XML

HTML tags were originally designed to define the content of a document (header, paragraph, table, …)

The layout of the document was supposed to be taken care of by the browser, without using any formatting tags. As the major browsers continued to add new HTML tags and attributes (like the <font> tag and the color attribute) to the original HTML specification, it became more and more difficult to create Web sites where the content of HTML documents was clearly separated from the document's presentation layout.

To solve this problem, the World Wide Web Consortium (W3C) created the css specification.

CSS is a style sheet language used to describe the presentation of a document written in a markup language.

CSS can also allow the same markup page to be presented in different styles for different rendering medium, such as :

  • on-screen,
  • in print,
  • by voice (when read out by a speech-based browser or screen reader)
  • and on Braille-based, tactile devices.

Håkon Wium Lie is the CSS father.

Each element in the document tree generates zero or more boxes

The layout of these boxes is governed by 4 layout mode. See CSS - Layout Mode (Visual Formatting Model)

Box Layout:

They have both their inline variant.

Because a container block box can only contains boxes, a anonymous text (ie a text that is not enclosed in an element) will be contained in an anonymous box. Both anonymous inline boxes and anonymous block boxes are simply called anonymous boxes:

Why Cascade ? (Style rules)

See CSS - Cascading (style rules priority scheme)

Management

Declaration

Browser Compatibility

Reference

Task Runner