tailieunhanh - Learning Web Design Third Edition- P25

Learning Web Design Third Edition- P25:Everything you need to know to create professional web sites is right here. Learning Web Design starts from the beginning defining how the Web and web pages work and builds from there. By the end of the book, you'll have the skills to create multi-column CSS layouts with optimized graphic files, and you'll know how to get your pages up on the Web. | Changing Capitalization text-decoration underline text-decoration overline The values for text-decoration are intuitive and are shown in Figure 12-19 text-decoration underline underlines the element text-decoration overline draws a line over the text text-decoration line-through draws a line through the text text-decoration blink makes text flash on and off I ve got laser eyes. text-decoration line-through Figure 12-19. Examples of textdecoration values. If you turn off underlines under links do so with care because the underline is a strong visual cue that something is clickable. The most popular use of the text-decoration property is turning off the underlines that appear automatically under linked text as shown here a text-decoration none There are a few cautionary words to be said regarding text-decoration. First be sure there are other cues such as color weight or a bottom border to compensate. On the flip-side because underlines are such a strong visual cue to click here underlining text that is not a link may be misleading and frustrating. Consider whether italics may be an acceptable alternative. Finally there is no reason to make your text blink. Internet Explorer won t suppor t it anyway. Changing Capitalization I remember when desktop publishing programs introduced a nifty feature that let me change the capitalization of text on the fly. This made it easy to see how my headlines might look in all capital letters without needing to retype them. CSS includes this feature as well with the text-transform property. text-transform Values none capitalize lowercase uppercase inherit Default none Applies to all elements Inherits yes When you apply the text-transform property to a text element it changes its capitalization when it renders without changing the way it is typed in the source. The values are as follows Figure 12-20 text-transform none as it is typed in the source text-transform capitalize capitalizes the first letter of each word text-transform .