tailieunhanh - Sams Teach Yourself CSS in 24 Hours- P4

Sams Teach Yourself CSS in 24 Hours- P4: Times have changed, thankfully, since those Dark Ages of CSS. All major browsers as well as some minor ones have increased support for Cascading Style Sheets in the latest versions. Web developers are aware of CSS and the vital role they play in designing great Web pages, and presumably you’ve got some idea of how important they are if you’ve bought this book. | 132 Hour 8 and typeface of the font respectively. In addition there are a number of other properties that can be used to further select fonts from within those families. These properties are font-weight font-variant font-style font-stretch and font-size-adjust. To understand how these properties work it s important to understand how CSS views fonts. A font in CSS is one specific instance of several properties a specific typeface size weight and other variables. So the font I2pt Arial bold italic is different from the font I0pt Arial. They are part of the same font family of course. It s helpful to remember that when you declare a font family you re actually selecting a group of fonts to be used. Other properties or browser defaults will narrow down the specific font. Font families generally include a number of variations on the base font for example an italic version of the font. In some cases you will specify a font combination that simply isn t available as a distinct variant. The browser will then have to create a variant on the fly by slanting the text to produce italic effects for example or by using the closest available equivalent in the font family. The effects produced by various font settings are listed in Table for reference this is because it s not always clear which property controls which effect. Table Properties Affecting Font Display Property Effect font-family Selects the typeface family font-size Sets the size of the font font-weight Makes text bold or lighter font-variant Creates small caps effect font-style Sets italic font font-stretch Stretches the font horizontally text-decoration Hour 9 Underlines text color Hour 9 Changes the color of text line-height Hour 12 The height of the line but not the text height font Sets font-family font-size font-weight font-variant font-style and line-height The font-weight Property The font-weight property controls how heavy a font appears in other words the thickness of the lines used to draw that .