Tuesday 25th of July 2017 02:32:23 PM

Style Guide

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 1, 2, 3
Introduction to CSS (with examples), CSS definitions and benefits, tips on authoring, plus extensive resources
Steal These Style Sheets!
favorite size for these images is 10 pixels tall by 2,500 pixels wide. Most of that image is blank space, of course. Only the left 100 or so pixels contain the "sidebar" image. The rest of the image is basically wasted, as we can see in Figure 6-27.

Figure 6-27

Figure 6-27. Using a really wide image for a really small effect

Wouldn't it be much nicer to just create a sidebar image which is 10 pixels tall and 100 pixels wide, with no wasted blank space, and then repeat it only in the vertical direction? This would certainly make your design job a little easier, and your users'

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.

By contrast, if you set only a style, you will still get a border.For example, let's say you simply want a border style ofdashed for the top of an element and are willingto let the width default to medium and the colorto be inherited from the element itself. All you need in such a caseis the following:

P.roof {border-top: dashed;}

Another thing to note is that since each of these"border-side" properties applies only to a specific side,commas -- but the CSS2 specification contains examples both with and without commas and defines rect as accepting both the comma and noncomma versions. This text will stick to the comma version mostly because it makes things easier to read.

It is extremely important to note that the values for rect(...) are not side-offsets. They are, instead, distances from the upper-left corner of the element. Thus, a clipping rectangle which