CSS3 – Box Shadow
December 15, 2012
CSS3 Box Shadows are another nifty property that allows us to now easily create visual effects without having to use images. And, best of all, it’s supported by all current major browsers.
CSS3 Box Shadows are another nifty property that allows us to now easily create visual effects without having to use images. And, best of all, it’s supported by all current major browsers.
Remember the days, when in order to get rounded corners on your borders, you had to created little corner images with pictures of your round corners? … now, with CSS3, rounded borders can be created with simple CSS.
Aside from list and paragraph tags, HTML 4 and earlier didn’t provide any actual structure tags, and we had to use the div tag for our layout framework. HTML5 gives us tags so we can call things as we see them.
Some of the more frequently occurring tags are:
And in the beginning, there was the doctype. The doctype is a required part of a properly coded HTML page. Before HTML5, we had several options. There was HTML vs. XHTML, strict, lose, or transitional, and the proper doctype was a pretty long and ugly piece of characters – for example:
What is the difference between WordPress and Dreamweaver? …This is a question that is popping up a lot, so I figure I should answer it. First of all, though they look the same from the non-nerd’s perspective, they are in fact very different from each other: Dreamweaver is a web design program that you install …
On a website, you often have different groups of links that may not all supposed to be looking the same. Usually, you’ll have navigation links and possibly some links within your content at a minimum.
It’s true: Your navigation items are really a LIST. Bread, Milk, Sugar, Coffee, Home, Contact Us, About, Cheese, Tomatoes, Sitemap. See, it’s a LIST!! And it should be coded and styled like a list. It’s easy.
We’ve already discussed navigation lists and list bullet images, but sometimes, a list is just a list. There are two types – the ordered list and the unordered list. The ordered list counts the items; the unordered list marks the individual items with bullets or other markers. The HTML is simple.
Centering text and other elements can easily be done with the CSS text-align property. It can be applied to a division, the p tag – pretty much any block-level element.
At times, it makes more sense to use background images than to insert them directly into the page. And while each element – like your body tag – can hold only one background image, they can be applied to several elements.