CSS drop-caps: First-letter usage

See some of the beginning of a paragraph of the text of the site is very large, looks very special, this is called the first word sinking effect, CSS has ready-made grammar can be used, that is: First-letter, we first to understand: First-letter syntax Description: selector: first-letter {CSS Rule}, this pseudo object is intended only for block objects. Inline elements to use this property, you must first set the height or width property of the object, or set the Position property to absolute, or the display property to block. You can use the Font-size property and the float property together in this pseudo object to make a drop cap effect. A simple example helps to understand usage:

The example defines the

The first letter of the text in the "source" word is larger than other characters, here to first define the general text size in Div, to make a distinction, in general, the general text of the font size than the sinking of the initial letter size, where the general font size is defined in the body selector, the font size of 12px.