Additional CSS Resources

CSS Misc

Learning Advanced CSS Selectors

January 20, 2015

Hi!

There many ways you can apply CSS to HTML tags – I am talking about the many CSS selectors. The basic selectors are:

– class selectors
– ID selectors
– tag selectors

I assume you know what selectors are, because you’ve either done my basic CSS tutorial (found on this site,) or you’ve done my beginners web design video course, found on Webmentor.org. So I won’t get into the details in this article. Instead, I just want to quickly talk about the advanced CSS selectors you have to choose from – for instance:

read more


Making Web Pages Printable Using CSS

October 4, 2013

printer friendly css

One of the classic problems with websites, is that they don’t print very well. That means that page elements (text, images, etc.) don’t line up, unwanted images and navigation links get printed – you basically have very little control, in terms of how your web pages look when they are printed.

What is the solution!!

The ‘old-school’ way, was to create separate ‘printable’ pages – this is a big waste of time! Instead, with the power of CSS, you will only need to make a few simple additions to your web pages and they will be printer friendly.

read more


Centering Text with CSS

June 29, 2010

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.

read more


The CSS Overflow Property

June 26, 2010

By default, elements in a website will expand to make room for whatever they contain. An empty division, for example, won’t show at all, but you can add 1 or 12 (whatever) paragraphs, and the division will be as big as it needs to be so everything inside is displayed.

read more


Styling iframes with CSS

June 5, 2010

If you still haven’t heard, hear it now: FRAMES ARE DEAD – well, technically, they are more like the undead – the zombies of webdesign. They should be gone and forgotten but refuse to stay buried. It’s much better not to use them. However, there may be a situation, where inserting a separate html document into your page makes sense.

read more


Adding more than one Background Image with CSS

May 8, 2010

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.

read more


Styling Lists with CSS

April 27, 2010

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.

read more


How to Add Borders to Images with CSS

April 18, 2010

Sometimes, a website design benefits when images have frames – or borders. One way to get them is one image at a time, using a graphics program. But there is a much faster way – with CSS!

read more