![]() | ![]() | ||||
| Archives | Web Site Design | Web Development | Flash | Graphic Design | SEO | |||||
FEBRUARY 2006
Enjoy!
External Cascading Style SheetsNow you know a little about in-line CSS I am going to talk about setting up an external CSS page that will control the styles across a whole web site. This will make it much easier to change colors, sizes and font styles without having to open and recode every HTML file in your web site. First, you need to create a stylesheet.css file. You can use a simple text editor to do this just make sure the editor will allow you to save the file using the .css file extension. Stylesheet.css will contain the various font styles you will set up. In January's newsletter I talked about how to set up styles for the <P> tag. That same style information, p { font-family:arial; font-size:12pt; color: #000000; }, can now be moved to the stylesheet.css file. Next, you need to make sure that each page within your web site references this external style sheet. In the <HEAD> </HEAD> part of your HTML page you will need to add the following code: <link rel="stylesheet" href="stylesheet.css">. Change the href="stylesheet.css" to whatever name you have given your .css page. You do not have to have the stylesheet at the root or top level of your web site. As a rule, I usually place the site stylesheet into a shared folder where it is easy to find to make changes. If you place your stylesheet within a folder, let's say a folder by the name of "style", make sure you reference that change within the <link rel="stylesheet" href="style/stylesheet.css"> code. If you do not the HTML page will not find the stylesheet and you will notice that by the fact that all of your text is misaligned and funky.
A Little About Tiger StudiosTiger Studios can help you with all of your design needs whether it is for a business card, brochure, advertisement, web site or e-newsletter. We help clients with a wide range of projects including print collateral, logo design, web sites, and ecommerce. This allows the client to use one company for all of their needs instead of keeping track of several companies on several projects. To learn more about Tiger Studios and our services, check out our web site www.Tiger-Studios.com or contact Kim Adams at mail@Tiger-Studios.com for a free estimate of your next web site or graphic design project. | |||||
|
| |||||