Sunday 20th of August 2017 03:15:49 PM

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
ftp://    = File Transfer Protocol
  • gopher://  = Gopher information search
  • mailto:  = compose and send e-mail (note: no slashes)
  • news:  = read/send to Usenet newsgroup
  • file:///  = local file access (note: 3 slashes)
  • 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.

    link popularity
    The ends of the element are another story, as we saw in Chapter 7, "Boxes and Borders". Once again, this is because an inline element that is displayed on multiple lines is just the same as a single-line element that has been broken into pieces. Consult Figure 8-60 for a more detailed look at this situation caused by using these styles:

    SPAN {border: 1px dashed black; padding: 4pt; margin: 8pt;}
    Figure 8-60

    Figure 8-60. Inline margins and line-box layout


    However, the exact widths are not defined, so one user agent couldset them to be equivalent to 5px ,3px , and 2px , while anothersets them to be 3px , 2px , and1px . Whatever width the user agent uses for eachkeyword, it will be the same throughout the document, regardless ofthe circumstances. If medium is the same as2px , then a medium-width border will always be