Thursday 19th of October 2017 04:17:38 PM

CSS Style Guide

XHTML Guidelines & Benefits

XHTML is the standard markup language for web documents and the successor to HTML 4. Library projects must be authored in structural XHTML 1.0 Transitional.

The following topics provide all the information you need to create well-formed XHTML pages that validate and are accessible, and/or to convert old HTML pages to valid, well-formed, accessible XHTML:

XHTML Guidelines
The rules of XHTML as compared to HTML — an easy transition
What is XML?
A brief introduction to the foundation of XHTML
XHTML Benefits
The benefits of converting from HTML to XHTML
XHTML Authoring Tips 'n Tools
Simplifying the work process—includes tips on using Dreamweaver
XHTML Accessibility Tips
Making sure your pages can be read
XHTML Validation
Keeping your markup kosher

   <FONT FACE="Creepy, Times New Roman, serif">
Generic font families include serif, sans-serif, monospace, cursive and fantasy

Note that as of HTML 4, you are encouraged to use style sheets instead of these in-line font manipulations, but these tags work fine. 
  <BR><FONT COLOR="#CCCCCC">Try to maintain good contrast with

is the content area of the element itself, as depicted in Figure 9-10. However, you may wish to change the clipping area. That's what we'll do in the next section.

9.1.4.2. Overflow clipping

In situations where the content of an element overflows its element box, and overflow has been set such that the content should in fact be clipped, it is possible to alter the shape of the

There is one other case where a floated element can run outside ofits parent element, and that's when the floated element iswider than its parent. In that case, the floated element will simplyoverrun either the right or left inner edge in its best attempt todisplay itself correctly, depending on which way it was floated. Insuch a case, you get the result shown in Figure 7-72.

Figure 7-72

Figure 7-72. Floating an image wider than its parent element

Here, a left-floated image is wider than its parent, so its rightedge overruns the right edge of the parent element. Had the image

7.3.1. Length Values and Margins

As stated before, any length value can be used in setting the margins of an element. If we want a 10-pixel whitespace around paragraph elements, that's simple enough. The following markup creates a normal paragraph and one that has a ten-pixel margin applied to it, shown in Figure 7-7:

Initial value

normal

Inherited

yes

<P>The image in this paragraph <IMG SRC="test.gif" ALT="test image">will be raised 9px.</P>

The inherited value of line-height is what causesthe image to be raised nine pixels, instead of some other number.Without a value for line-height, it wouldn'tbe possible to perform percentage-value vertical alignments. Theheight of the image itself has no relevance when it comes to verticalalignment: the value of line-height is all thatmatters.