TAILIEUCHUNG - Taking Your Talent to the Web- P20

Taking Your Talent to the Web- P20:It was a simple solution to a complex problem. On one side, thousands of designers and art directors are eager to take their talents to the Web but aren’t sure how. On the other, web agencies could not find enough good web designers to get their work done. | 266 HOW Style Sheets for Designers Working with Style Sheets Leading on the Web serves exactly the same purpose as leading in print it adds air to the page and enhances readability. On the screen-based Web with its low typographic resolution anything we can do to encourage readability is all right by us. By contrast reading may be discouraged when we fail to apply leading and other CSS niceties to our text see Figure . Figure The Adobe web column written by your humble author but laid out by Adobe s online design team. CSS is used to control typography but the small text is tough on the eyes. CSS leading and a larger font-size would make the reading experience more pleasurable. This typographic approach works well for image captions a staple of the Adobe site but it is less well-suited to longish articles . Now that we ve taken a brief look at the rudiments of CSS let s see how web designers can make this work on a site. Types of Style Sheets There are three main ways to use style sheets on a website 1. By linking to an external style sheet from the HTML document 2. By embedding a style sheet within each HTML document 3. By adding styles inline in an HTML document Taking Your Talent to the Web 267 Additionally it is possible to import one style sheet into another. Unfortunately this technique is not supported by Netscape Navigator 4 so we will confine our discussion to the first three items. If Netscape 4 has gone to its reward by the time you buy this book you can read up on CSS import at Style CSS . External style sheets Linking to an external style sheet enables you control multiple web pages or even an entire site using a single CSS document. The more pages controlled by the same CSS document the easier it becomes to make design changes to that site. It is literally possible to change the appearance of a 5 000-page website in under a minute simply by editing one external Style sheet. Trust us this is one maintenance chore you