Sunday 19th of April 2015 03:00:38 AM

CSS Style Guide

 

This Style Guide explains the markup and design requirements for web projects, along with various standards and best practices.

projects authored in valid XHTML 1.0 Transitional and styled with valid Cascading Style Sheets will be described here. See the XHTML and CSS sections below for details. Additional sections of this Style Guide, coming soon, will provide information on writing for the web, naming and filing your documents, and other useful topics and guidelines.

XHTML: Guidelines & Benefits

Library projects must be authored in structural XHTML 1.0 Transitional. Page authors should follow accessibility guidelines in compliance with U.S. Law, and so that our site’s content will be made available to the widest possible number of people, browsers, and Internet devices. In addition, all XHTML must validate.

XHTML Guidelines
The rules of XHTML as compared to HTML—an easy transition
What is XML?
A brief introduction to the foundation of XHTML
XHTML Benefits
Four key benefits of converting from HTML to XHTML
XHTML Authoring Tips & Tools
Simplifying the work process—includes tips on thinking structurally, and tools for hand-coders and Dreamweaver users
XHTML Accessibility Tips
Making sure your pages can be read by all visitors, browsers, and devices
XHTML Validation
Ensuring interoperability by avoiding errors and sticking to standards

CSS: Style Sheets & Tips

Library projects must use valid Cascading Style Sheets (CSS) to control typography, color, and other layout elements. Style Sheets must be linked in a way that accommodates the capabilities of new and old browsers.

CSS Guidelines
Tips on authoring and linking to Style Sheets
Steal These Style Sheets!
Style Sheets for your use in Library projects
CSS Validation
Ensuring that your Style Sheets are error-free (same as XHTML validation)

A number of valid Style Sheets have been provided for your use. If you wish to create your own Style Sheets, please discuss your requirements with the Branch Library’s Web Coordinator.

differentiated by indent and bullet or number styleOrdered lists let you specify TYPE and an ordinal VALUE for a listor any individual list item: In-Line Images

Okay, now that you know how to format text on the page, let's includesome in-line images.  The web supports images in GIF, JPEGor PNG formats. GIFs can have up to 256 colors.  JPEGs andPNGs can have millions (although clients' monitors may not display themall). JPEGs use a "lossy" compression that reduces image quality; GIFsand PNGs have lossless compression.  The next chapter covers image link popularity

possible. A higher position is preferred to one that is further tothe right or left.

Again, this rule is subject to restrictions introduced in thepreceding rules. There are similar caveats here as in Rule 8,although they are not quite so fuzzy. As you can see from Figure 8-38, it is pretty easy to tell when an element hasgone as far as possible to the right or left.

Figure 8-38

Figure 8-38. Get as far to the left (or right) as possible

Figure 5-24

Figure 5-24. Italic and oblique text in detail

Basically, italic text is in some way its own font, with smallchanges made to the structure of each letter to account for thealtered appearance. This is especially true of serif fonts, where inaddition to the fact that the text characters "lean," theserifs may be altered in an italic face. Oblique text, on the otherhand, is simply a slanted version of the normal, upright text. Fontfaces with labels like Italic, Cursive,