CSS3: An Overview

There’s a relatively new addition to the world of web development out there, and that new addition’s name is CSS 3.  CSS 3 is the newest version of CSS, with plenty of unique and exciting features.

As you are probably aware, CSS is an important web language that functions to help meet your creative needs when building a website.  CSS stylesheets and style elements help to determine everything from background image placing to hyperlink appearances to table colors.  While CSS will not get you anywhere without some good solid HTML code behind it, it’s still an important element in terms of aesthetics.  While HTML is the “meat and potatoes,” so to speak, CSS is the salt, pepper, garlic, and butter…you get the idea.

So why is CSS 3 so great?  Today we are going to give you a few examples of CSS 3′s new features, and you will have to agree with us that it can certainly help satisfy your web design needs!

First, let’s talk about the basics of what CSS has to offer:

• background image alignment and repetition rules: without this, background images would certainly be a headache
• link style for hyperlinks, visited links, active links, and links on “hover:” so you can venture out of the blue and purple link world
• font styling aspects including color, size, and font-family properties: for those times when you get bored of Times New Roman
• styling for tables including background color, and some border styling properties: it’s all about uniformity, folks
• styling for text area boxes including background color, and some border styling properties: again on the uniformity…it keeps things looking neat

Now, besides having all of the above, here are some neat CSS 3 features:

• multi-column layouts to create a newspaper-like look so that text continues from one column to the next: pretty useful if you are into the whole blogging thing!
• the power of speech: if you are using Opera, that is
• the ability for users to resize website elements: say goodbye to any pesky little scrollbars that are hindering the user-ability of your website
• the ability to create shadowed text: a little cheesy, possibly, but pretty neat all the same
• the ability to designate background pixel size: way easier than editing the image repeatedly in Adobe Photoshop
• the ability to use multiple backgrounds on one page: again, so much easier than edits upon edits upon edits of one image
• use of opacity in terms of colors: for example, you could make red text fade to pink in precisely the same warm-toned shade
• ability to use an image as a border around tables: seriously, how cool is that?!
• a wider range of color options with the use of hue, saturation, and lightness numbered colors: it’s not all about hex codes anymore
• rounded border corners: simple, but this is an element that could certainly change the look and feel of your website!

So you get our drift.  CSS 3 has made some pretty snazzy additions to the CSS family, and chances are, you’re itching to try them out!  So we will get back to you next week with some more details on writing the CSS of your dreams.

Free e-Book: Website Fundamentals

You have a website, but is it getting found? Find out what you need to know about website fundamentals in our free e-book.

Download Now