Typography

With just a few simple CSS tricks, you can break your pages up so they don't seem as daunting. Even better, you only have to write the code once – and then you can re-use it across your site as many times as you like.
By: Nigel Peck

CSS Typography

You don’t often see “CSS” and “typography” used in the same sentence—and for good reason. Traditional typography is a very subtle and beautiful form of design, with thousands of variations and choices. Unfortunately, with CSS that’s not quite the case. Don’t lose hope just yet, though. CSS can do more than you might think.
By: Garrett Dimon

Adding drop caps effects to your paragraphs using CSS

This tutorial deals with how to use CSS2 to add drop caps effects to your paragraphs. It won't drop any jaws, but then again, the best and most practical effects shouldn't.
By: JavaScript Kit

Power To The People: Relative Font Sizes

Relative font sizes make websites more accessible and easier to read — but they’re not much help unless the person using the site can find a way to actually change text size. Internet Explorer, the most widely used browser, buries the option for selecting text size in a second-level menu, which makes text resizing a hassle and is too complicated for some users. On-site buttons that let people increase and decrease text size can make it easier for them to find and use the option.
By: Bojan Mihelac

Bottom margins of paragraphs and lists

Creating the perfect vertical space on the screen is easy. With a few lines of CSS, you’ll have a great typography foundation for your web site.
By: Marko Dugonjić

Stacking Text with CSS

Use CSS to produce a stackable text effect with the powerful "Z-Index" attribute.
By: Tutorialized

Pull Quotes

A technique traditional to print is the pull quote, a snippet of the content that stands out from its surroundings to grab a reader's attention as they scan pages.
By: HTML Dog

Customized Underlines

To apply underlines to links that are slightly different than the simple text-decoration: underline, you can switch off the underline and use some other jiggery-pokery to achieve underlining effects.
By: HTML Dog

Superscript and Subscript

In the olden days, the sup and sub tags were used to present something in superscript or subscript but in this modern day and age we leave presentation up to CSS.
By: HTML Dog

How to Size Text in CSS

n this article, we will reconcile the designer’s requirement for accuracy with the user’s need to resize text on demand, arriving at a best practice that satisfies designers and users and works across browsers and platforms.
By: Richard Rutter

Better Ordered Lists (Using Simple PHP and CSS)

Ordered lists are boring! Sure you can apply background images and do quite a bit of sprucing up to a regular ordered list, but you just don’t get enough control over the number itself. Here is an example where you ditch the traditional ordered list and create your own!
By: Chris Coyier

Typography

Back to Tutorial Categories

Fancy Paragraphs With CSS