W3CSS Theme - Hover Classes

By drupalhero |

Here are six simple things you can do to improve the appearance of your Web page when it is printed.  Use page breaks before page headers to keep them with their text. Separate content from navigation. Try to keep the main content—the part your audience is interested in reading—in a separate area of the design from the site navigation. You can then use CSS to hide navigation in the printed version with a nav included in the print style sheet. Avoid using transparent colors in graphics. This is especially true if the graphic is on a background color or a graphic other than white.

W3CSS Theme - Border Classes

By drupalhero |

browser CSS extensions In addition to supporting the specified CSS properties set by the W3C, a browser developer will occasionally introduce browser-specific properties. This is often done for one of two reasons: n A spec is still under development by the W3C but the browser developer wants to start using the style now. The browser developer wants to try a new idea but doesn't want to wait for the W3C to accept it and begin work on it, which can take years.

W3CSS Theme - How Color Classes Constructed

By drupalhero |

Colors create the first impression of your site. Bright, vibrant, jewel-like colors make a radically different statement than earth tones. Even if you choose to use only black and white, your design will make a statement. Beyond their decorative impact, colors can also guide the viewer’s eye around the page, helping to highlight some important areas while downplaying others. There are many methods used to add and control color with CSS. Keep in mind, however, you can specify color using several CSS properties. But, how to choose colors?.

W3CSS Theme - Font & Text Classes

By drupalhero |

It’s sometimes difficult to keep track of all the values that you are using in your design. It’s unlikely that CSS will ever include constants, so it will help to keep notes in an easy-to-reference location in your document. Creating a glossary of colors and types leads to more consistent and attractive designs  Although section headers and dividers really aren’t anything more than CSS comments, they do help organize your CSS and allow you to quickly scan your code to locate particular CSS rule groups. If you have established a TOC, I recommend reflecting that organization here.

W3CSS Theme - Border Classes

By drupalhero |

The border property allows you to set a rule (line) around all four sides of your box in any color and thickness using a variety of line styles. Also, using additional border properties, you can independently set the borders on any of the four sides, giving you amazing design versatility. To set the border: 1. To set the border on all four sides, type the border property name in the CSS declaration block, followed by a colon (:) border: 2. Type a border-width value, followed by a space.