CSS styles can be specified in many ways, but they will all cascade into one style sheet in the end. Sometimes conflicts will arise between the style sheets that influence how styles are merged. The cascading priorities of CSS can be confusing, and could often lead to excessive use of the !important rule in frustration when dealing with large sites. This post is to clearify the cascading order of CSS.

(more…)

Ever wanted a search form that looks (and behaves) just like Apple’s native search field? As you probably know, Safari uses it’s own rendering for form fields, making it extra difficult to style them if not impossible.

(more…)

Web designers likes pixels. End users likes em’s. In order to make peace there has been some buzz around how to make things easy for the designer while still keeping relative sizes in CSS. And there has been a lot of buzz.

(more…)

Here is my complete HTML sample page that I use as a base to create generic CSS files. Just wanted to share since I couldn’t find anything like it anywhere. It’s also great when building CSS reset files.

I’m not going to post the entire source code, so here are two links: one to the HTML sample page and one to the very same file with my CSS reset attached:

• Sample HTML file
• Sample HTML file resetted

Are you getting tired of clients using the deprecated <font> tag in their CMS? It’s easy enough to remove it using javascript or preferably server-side scripting, but you can also use CSS to disable the styles they define inside the font tag.

(more…)