Free tutorials for Java, Eclipse and Web programming



Follow me on twitter

Cascading Style Sheets (CSS) - Tutorial

Lars Vogel

Version 0.6

19.12.2010

Revision History
Revision 0.112.04.2007Lars Vogel
created
Revision 0.2 - 0.705.11.2009 - 19.12.2010Lars Vogel
bugfixes and enhancements

HTML and CSS

This article explains how to use CSS for styling HTML pages.


Table of Contents

1. Cascading Style Sheets (CSS)
2. Usage of CSS
2.1. First example
2.2. CSS syntax
2.3. HTML container via id and class
3. Defining size
4. Alignment and Text transformations
5. Margins and padding
6. Positioning HTML elements with CSS
7. CSS based layout
8. Thank you
9. Questions and Discussion
10. Links and Literature

1. Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) is a mechanism for adding style and layout (e.g. fonts, colors, spacing) to Web documents. This layout information is typically maintained in an external css file. HTML code which should use these files refer to these files in their code.