HTML lists have become one of the most used HTML elements for marking-up various semantic content structures — navigation, comments and even image galleries.
This article will explain and show you how to style lists inside blog posts, articles or other basic HTML documents…
Direct link: How to Create Beautiful and Elegant HTML Lists Using CSS
A comprehensive list of CSS bugs that are only found in Internet Explorer, versions 5 and higher. The list is updated regularly and you can find live demos of each bug…
Direct link: All the Internet Explorer CSS Bugs in One Place!
Apart from Floats, CSS Specificity is one of the most difficult concepts to grasp in Cascading Stylesheets. The different weight of selectors is usually the reason why your CSS-rules don’t apply to some elements, although you think they should have. In order to minimize the time for bug hunting you need to understand, how browsers interpret your code. And to understand that, you need to have a firm understanding on how specificity works. In most cases such problems are caused by the simple fact that somewhere among your CSS-rules you’ve defined a more specific selector.
CSS Specificity isn’t simple. However, there are methods to explain it in a simple and intuitive way. And that’s what this article is all about…
Direct link: CSS Specificity: Things You Should Know
You’ve heard the buzz about the seperation of style from content, but you are stuck in the world of nested tables and deprecated markup. If so, you have come to the right place! Using CSS to style your (X)HTML files, will benefit you and your visitors in many ways.
Learn about all the basics of CSS design…
Direct link: Learn CSS Basics for Beginners
A demonstration page listing some impressive pure CSS typography tips and tricks. You can view the page source code to see how the effects are achieved…
Direct link: CSS Typography – Examples for CSS and Web Typography
An investigation into CSS selector performance. Not all CSS selectors hurt performance, even those that might look expensive. The key is focusing on CSS selectors with a wide-matching key selector. This becomes even more important for Web 2.0 applications where the number of DOM elements, CSS rules, and page reflows are even higher…
Direct link: Simplifying CSS Selectors
Although CSS3 specifications are still under development, some of its features have been incorporated in latest web browsers. This has provided web designers and developers with an opportunity to experiment and play with some of the new features well in advance. Here is a list of resources that will get you up to speed and bring you closer to the cutting edge of CSS development…
Direct link: CSS3 Unleashed – Tips, Tricks and Techniques
Tutorial that starts with a photoshop file and finishes with semantic HTML and CSS. You’ll learn how to create an advanced CSS navigation menu using hover and position properties.
Direct link: Create an Advanced CSS Menu Using the Hover and Position Properties
How to create drop down menus that behave like drop down lists using just CSS. The menu structure is just simple nested unordered lists. Showing/hiding child menus is done with simple CSS: ul > li:hover ul. By using this selector we can define behavior of all child menus…
Direct link: Create dropdown menus with CSS only
Resetting your styles, commonly referred to as CSS Reset or Reset CSS is the process of resetting (or more accurately – setting) the styles of all elements to a baseline value so that you avoid cross-browser differences due to their built-in default style settings. By resetting your styles, you avoid defaulting to the browser’s built-in styles, which differs from browser to browser…
Direct link: Resetting Your Styles with CSS Reset