With just about everything, there are certain best practices that everyone should follow. With CSS, these are some rules that both beginners and experts need to consider, to style your website designs the right way.
A common way of emphasizing a small part of a page's content is by using pull quotes.
Pull quotes are short blocks of text, taken out of the main flow of content, to emphasize a point. They are usually styled in a way that will separate them from the main body text. Today I will show you how to style pull quotes, so that you can use them effectively.
If you still haven't tried out CSS3, you should know how easy it is to create excellent designs. Most of these techniques can be done without requiring extra bloat such as images or JavaScript.
What's great is these are mostly small details in the design, meaning that everything will still be usable in older browsers, including Internet Explorer.
In just about every article on web typography, one thing that is mentioned is that if you use quotation marks around blockquotes, the correct way to display them is to have the opening punctuation "hanging" over the edge of the block.
Last week, I posted a tutorial on creating a website design with Gimp. Today, we will be converting that design to an HTML/CSS design.