Proudly Serving Mississippi

---

Mississippi CSS Overview

Stay passionate about delivering engaging customer journeys.

Correct web page development is done with CSS.  CSS standards have changed over the years and with CSS3 development has changed once again.   Below are just some of the examples of CSS3 functionality.

Mississippi Customers

Some information I know about Mississippi is I believe the state was admitted or ratified to the United States around or about 'December 10, 1817'.  Mississippi is located around latitude '33' and longitude of '-90' and has a population of roughly '2,961,279 million'.  If I remember correctly the capital is 'Jackson' and the largest city is 'Jackson'. 

CSS ID's and Classes

A lot of web designers new to the field aren't aware of the differences between ID's and classes.  So here's a fairly brief outline for proper and improper uses of the two.

ID's and What They're Used For

ID, short for fragment identifier, is a beautiful attribute, but it's very easy to use them improperly.  You can only use an ID name once in any XHTML or HTML document.  Duplicate ID tags will cause your page to fail validation, and can have negative effects when using JavaScript with them.  Simply put, an ID is like the sticker that says "you are here" on a mall directory, and there can only ever be one of those.

If at any point you decide to reach to me just know the area codes I am familiar with for Mississippi are '228, 601, 662, 769'.  For Css assistance you will find my rates very reasonable for Mississippi.  Now just keep in mind my time zone is 'Eastern Standard Time (EST)' and I know the time zones in Mississippi are 'Central Standard Time (CST)' in case you wish to call me.  Anyway let me continue.

Naturally, CSS can select ID's to apply individual styles to them using the hash sign (#), but JavaScript relies on ID's quite a bit as well.  The getElementById() function is very important in most scripts.

CSS Classes

Classes, like ID's, can also be used to in JavaScript scripts, but unlike ID's, they can be used multiple times in the same HTML document. This separation of content from presentation is what makes sites powered by CSS more robust, but some don't know the full extent to which they can use classes.  Classes can not only be used more than once, but more than one can be used on an element:

The second piece of code is perfectly valid HTML, it demonstrates a div using two separate classes.  This technique can reduce your CSS style sheet considerably when used effectively.  It's also worth noting that you can use both ID's and classes on the same HTML element.

When to Use One or the Other

I take a different stance than most web designers when it comes to using ID's and classes.  The vast majority of CSS coders use ID's for any elements that are simply used once on a page.  However, I only use classes to style my websites, but, when I want to use an element in JavaScript, I use an identifier.  From a presentational standpoint, styling elements with classes looks exactly the same as styling them with ID's, but the flexibility of classes offers a certain appeal even if I don't plan on using a class more than once on a page.  Also, when I see an ID in my XHTML, it reminds me that there is some JavaScript that refers to that element.

You know, I don't make it out to Mississippi much but I would like to see the 'Mockingbird' state bird.  I am a little familiar with the Mississippi 'Magnolia' state flower as well.  However, I do not know much about Mississippi's state tree the 'Southern Magnolia'.  Fishing is fun to me perhaps I would like reeling in the Mississippi 'Largemouth Bass' state fish.  Anyway, sorry I went off topic.  Let me continue.

It's up to you, but so long as you implement classes and ID's properly, it is more or less a matter of personal choice when to utilize one or the other.