Thursday 24th of April 2014 12:58:23 PM

Nice and Free CSS Templates

This site contains free css templates for your website - Just copy and paste and there you have a stunning website !

Menu und content
dynamic

Menu fixed, content
dynamic

Menu und content
dynamic

3 columns all
dynamic

4 columns all
dynamic

H1 {font-variant: small-caps;}
P {font-variant: normal;}
<H1>The Uses of font-variant</H1>
<P>
The property <CODE>font-variant</CODE> is very interesting...
</P>
Figure 5-29

Figure 5-29. Small caps in use

As you may notice, in the display of the H1 element, there is a larger uppercase letter wherever an uppercase letter appears in the source and a small uppercase wherever there is Menu floating


Menu fix, Inhalt u.
Head dynamic

3 columns fix
centered

dynamic mit
Head und Footer

fixed BOX centered

dynamic BOX
centered

fixed Box total
centered
illustrates.

Figure 8-59

Figure 8-59. Large inline boxes can overlap many other lines

One can assign margins to nonreplaced inline elements as well, butthese effectively do not apply to the top and bottom of a nonreplacedinline element, and so don't affect the height of the line box.The ends of the element are another story, as we saw in Chapter 7, "Boxes and Borders". Once again, this is because an inline elementthat is displayed on multiple lines is just the same as a single-lineelement that has been broken into pieces. Consult Figure 8-60 for a more detailed look at this situationcaused by using these styles: Here's a link to the <A HREF="#top">top of 
this page.</A>  (I stuck a hidden anchor tag there: &lt;A NAME="top"&gt; &lt;/a&gt;)
Use anchors to improve navigability, but remember that multiple linked pages will download quicker than one huge page requiring lots of anchor tags! Here's a link to the top of this page.  I stuck a hidden anchor tag there: <A NAME="top"> </A>  Use anchors to improve navigability, but remember that multiple linked pages will download element.

Note that the boldface element in this case is positioned in relation to its parent element's content box, which defines its containing block. Without the relative positioning of the parent element, the containing block would be another element. Consider a case where the element being positioned is a child of the BODY element, e.g., a paragraph or heading element. With the right styles, the containing block for the positioned element will be the entire BODYposition the element if it's been vertically aligned. Recallthat, percentage values for vertical-align arecalculated with respect to an element's line height. Thus:

P {line-height: 18px;}IMG {vertical-align: 50%;}<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.