CSS

Cascading Style Sheets, CSS is a style sheet to describe the presentation of a file usually, HTML or XHTML, but can also be applied to other document types. It is used to aid in the separation of document content from document presentation.

CSS Specificity

CSS Specificity is one of those things that you might assume you already have a firm grasp of since you are able to write solid CSS. Yet, CSS specificity is pretty confusing. It takes a little bit of time to get used to, but is well worth the effort. Have you ever created a CSS rule and wondered why it didn't apply to an element even though you thought it would?

Writing good CSS

I'm the first to admit, I'm guilty of taking short cuts and writing sloppy CSS. Usually coding sloppy CSS is because of strict deadlines, budget limitations, or putting a band aid on something (Meaning quick fixes without rebuilding entire pages or sections). And of course you could say what about planning and time management?

Creating a Print CSS File

It's important to have a print CSS file. I know that with web work it may seem that most people will be viewing your site with a web browser, but for accessibility and best practice reasons you should always have a print CSS file in case someone wants to print out information from your website. Below are some tips to remember when creating a print CSS file.

Using !important in Your CSS

In Cascading Style Sheets (CSS), the default behavior is that the most specific and last-defined rule takes the priority. That is the main reason to use CSS; you can specify one rule and it will apply (or cascade) to all instances of that element.

This also makes it very easy to change or update the look and feel of your site since you only have to edit one file and change the rule of one element. Take the following example:

p {color: black;} /*all instances of paragraph tags will be black */

About Ishmael

I am a web developer based in Los Angeles. This is my portfolio. Find out more about me. Contact me about services I can provide.