If there's thing that's annoying, it's looking at a website with messy font patterns. One paragraph is one size, while another paragraph is another size, and it looks different on various screen resolutions, browsers or monitors. And what's worse is that, many times, the text will push over images and alter a web page's design if the visitor's browser text settings are on one of the larger modes. In most situations, CSS is the answer.
CSS stands for Cascading Style Sheets, and is a popular stylesheet language used to control the presentation of all HTML documents on a website. CSS can be used to control virtually every text attribute on a website, including font, color, layout and hyperlink properties. A CSS stylesheet is a simple yet effective tool for maintaining the look of your website in almost any varying situation.
Now the really cool thing about CSS is that it allows you to change all the text on your website by simply changing one attribute in your stylesheet. For example, if you'd like to change your website font from Verdana to Arial, all you've got to do is make a quick change to your stylesheet, upload it to the server, and refresh your browser ... all pages will instantaneously pick up the change. Without a stylesheet, you'd have to go through every page on your website to make such a change.
While some web designers like to display CSS attributes in blocks embedded within the actual HTML document, Web River Group likes to centralize all CSS in one neatly-packaged file. We go through your entire website, removing excess font tags, paragraph attributes and text formats, then recreate all of your websi
If you'd like to take a stab at creating your own CSS stylesheet, take a look at our sample CSS stylesheet below and contact us if we can assist you in any way.
Sample CSS Stylesheet:
The below CSS stylesheet cutout will show you how to set up simple font attributes such as family, size, weight and color, and how to set up varying attributes for hyperlinks and text decoration. Feel free to copy the below, apply it to your own stylesheet and simply change the attributes to ones you would like.
Name the document "styles.css" and include a call-to tag on every page of your website. The call-to tag must be displayed somewhere between your page's <head> and </head> tags, and would look something like this:
<link rel="stylesheet" href="styles.css" type="text/css" />
Notice how each variation of font is represented by it's own style, whether it is just a simple change in type, size or color. Also notice how each style has seperate attributes for it's hyperlinked text, which in this case would cause the hyperlinks to appear in a different collar and flash when the visitor scrolled over them.
NOTE: The above is just a basic example of a stylesheet and it's simplest properties. For more complex stylesheets, we strongly recommend contacting a CSS expert.