About CSS page layouts

From Joomla! Documentation

Revision as of 14:27, 3 June 2008 by Confudler (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Professional websites separate styling from content. There are many reasons for this, the most obvious (to a developer) being the ability to control the appearance of many pages by changing one file.

Style information is coded in CSS, cascading style script, and usually stored in files with the suffix .css. A webpage contains a link to the associated .css file so a browser can find the appropriate style information. CSS can also be placed inside a html file between <script></script> tags

All CSS code is applied to an element of the html/xml page. If you want a style to encompass a whole page, you would probably apply it to the <body> element. You can apply styles to any html element such as



elements. To style a particular element it needs to have an ID. For example, to apply styles to the
containing the title, you would first include an ID in the html -