x

Test

Published 7/2/2024

Test

This is another title for a post and post.

Published 6/9/2024

vcvzc

The is the title for this post. And more text to make it longer.

Published 6/9/2024

vczvcv

Setting and Formating Time Date Laravel

Published 6/6/2024

Setting the date is easy to do...

Beginner's Guide to the Power of CSS

Published 6/1/2024

Keeping your pages clean of extraneous markup makes your pages easier to update, SEO friendly and WC3 compliant. Using the CSS approach, you separate the content from presentation. When you first begin to learn CSS, you may want to just declare simple rules for your web page such as background color, font size, and font colors. The more you learn the advanced techniques, you can begin to really take control of your layout such as eliminating tables, image effects and navigation tricks.

Whatever your goals are, CSS can really be a good tool to learn and master to make your XHTML more valid and adhere to web standards. Below I will demonstrate the basics of CSS to get you started and the advantages to creating valid and clean markup in your web pages.

First thing we need to do is create a CSS file. This file will contain all the markup and instructions our pages will need. This can be done using Dreamweaver or a text editor like notepad. Below I have written the beginning of a basic CSS file. I have declared the links and their different states as well as the body style. We start with type selectors and pseudo classes.

Now we have all our links and page background defined. Since this is just an introduction I will try to keep this simple. But just imagine how far you can take this if you want. Say you want to change all the links on your web site from blue to another color and remove the underline. This would take a long time to do. But with CSS its easy to just change one file. You can take it one step further and depending on the page, your body can be a different color.

Now we have our CSS file created, all we need to do it link it to our page. You can also link multiple CSS files if you want. Between the head tags link the CSS file and then declare the body ID.

As you can imagine, just these simple mark up instructions can have a powerful effect on your web sites and they grow. Changing just one line of a CSS file, you can change an element throughout hundreds of pages. CSS also allows your site to keep a similar uniform look across the entire web site. This has just been the beginning of what is possible with CSS. On your next web site, leave those font tags behind and explore the power of CSS.


a:link { color: #0033FF; text-decoration: underline;
}
a:visited { color: #6633FF; text-decoration: underline;
}
a:hover { color: #6633FF;
}
a:active { color: #0033FF;
}
body { background-color: #00A3CC; font-family: Helvetica;
}

Let's keep in touch!

Currently accepting freelance projects.
Useful Links
Other Resources


© 2024 Mark Allen

Tampa Bay Web Design, Freelance Web Design in Tampa. Tampa Florida Web Designer. Mark Allen, a Freelance Brand Designer is located in Tampa Florida. Creative services include website design, e-commerce and programfming. Websites for in small business, non-profits and across all industries.