![]() | ![]() | ||||
| Archives | Web Site Design | Web Development | Flash | Graphic Design | SEO | |||||
JANUARY 2006
Happy New Year Everyone!
CSS In-Line StyleIn November, I introduced you to the use of Cascading Style Sheets or CSS. Today I am going to show you a little about how to use CSS within an HTML document. This process is called an in-line style and can only be used in the HTML document the code is found on. Stay tuned for information on how to create a site-wide style sheet. So what does in-line style CSS look like? Just below the <HEAD> tag in your document you will need to put the following code: <STYLE TYPE="text/css"> This will be the area where you will place all of your text styles. Once you have the above code displayed in the top of your HTML document you can have some fun by setting up the styles for the text. Say you want your main paragraph text to be black in Arial with a 12pt font size. You need to tell the document that every time there is a <p> tag it needs to display that text as 12pt Arial. To make that happen you will add the following code within the STYLE tags above: p { font-family:arial; font-size:12pt; color: #000000 (black); } You should now have something that looks like this for your CSS: <STYLE TYPE="text/css"> Now, every time you use the <p> tag in your HTML document your fonts will display in Arial 12pt font size. So, what if you would like to set up a title style for your document? As I discussed last year with Search Engine Optimization, search engines like the use of H1, H2 and H3 tags. You can set the style for any of those tags by doing the following: H1 { font-family:times; font-size:24pt; font-weight:bold; color: #990000 (red); } What does this style do? It says that every time there is an <H1> tag the text will display in a red Times 24 pt font in bold. <STYLE TYPE="text/css">
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. | |||||
|
| |||||