Better HTML with Cascading Style Sheets

CSS MAGIC

Author(s):

Cascading Style Sheets (CSS) help you polish up your websites without taking a crash course in programming.

In the early 90s, HTML was not expected to do anything apart from rendering text and providing links. Layout functionality arrived later due to industry lobbies. The aftermath is what we have today: incredibly long table columns and clumsy font definitions. The layout for 100 characters of text can take twice that amount of HTML code. To solve the problem, the World Wide Web Consortium (W3C)[1] approved the first version of (Cascading Style Sheets) CSS in 1996. CSS provides a flexible means for defining style elements. You can use CSS to achieve more granular and efficient control over your web designs. CSS lets you define a layout for every single HTML element, even for a single letter. You can change the size of the element, create a frame, and add space. This article gives you a bird’s eye view of the current version of CSS, Version 2.1; you will need some knowledge of HTML to follow this article.

Read full article as PDF:

Cascading_Style_Sheets.pdf (366.17 kB)

Related content

  • CSS Tricks

    Cascading Style Sheets (CSS) can do much more than define the color and font of your web text. We'll show you how to build the power of CSS into your web creations.

  • Web Design with GIMP

    Good homepage design is a question of the layout. Sometimes the best option is to use a graphics program to design the page, then translate the result into HTML code. The versatile image manipulation program GIMP can help.

  • Web Design Intro
  • Turn a Browser into a Scratchpad
  • TeXmacs

    If you need to lay out a text document, you can opt for a WYSIWYG application, like OpenOffice, or a genuine layout system such as TeX. TeXmacs combines the advantages of both approaches: premium document quality and intuitive controls.

comments powered by Disqus

Direct Download

Read full article as PDF:

Cascading_Style_Sheets.pdf (366.17 kB)

News