Quantcast
Channel: CSS Tutorial » Killer CSS Tips and Tricks
Browsing index pages (10 articles)

Video Blog – Intelligent Web Design Learning

In this video blog, Stefan goes over 2 major points: 1. Don’t get caught up in nerd-theory rabbit holes, that take up all your time on things that will have little to no impact on your day-to-day web...

View Article


Centering Text with CSS

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. Applying this to an internal or...

View Article


The CSS Overflow Property

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...

View Article

Styling a Horizontal Rule with CSS

A quick and easy way to insert a dividing line into a website is with a horizontal rule, the hr tag. This horizontal rule was created by the following inline CSS: <hr style="color: #f00; background:...

View Article

Using the CSS z-index

By default, the elements of a website line themselves up next to or under each other automatically. However, at times, the design requires them to overlap. When that happens, the stacking order becomes...

View Article


Styling iframes with CSS

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...

View Article

All Caps with CSS

While text in general is hard to read when written in all caps – and considered the electronic version of yelling – using CAPS for emphasize is a handy tool. Headers are a place where capitalization is...

View Article

Multiple Background Images with CSS

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...

View Article


Styling Lists with CSS

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;...

View Article


Image may be NSFW.
Clik here to view.

Image Borders with CSS

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! This code:...

View Article
Browsing index pages (10 articles)


Latest Images