CSS, or content style sheet, is a language for specifying how elements on an HTML page are displayed. It is a very powerful way of customising the look and feel of a website, and allowing single point control (i.e. instant change) of the display of your web pages.
CSS3 is the latest CSS standard.
Some cool, open-source CSS2 animations can be found at http://daneden.me/animate/
Dynamic CSS debugging can be done freely with the open-source plug-in for Firefoz called FireBug or with Google Chrome. SkyBound Stylizer (http://www.skybound.ca/) is also a very nice licensed dynamic/visual CSS editor (it does have a good, full-featured trial version). Without paying for Stylizer, I personally like Google Chromes built in developer tools (activated by pressing Ctrl-Shift-I).
To target an object, use the following syntax
To target a specific class of objects, replace the first line of code above with
if you do not care about what object it is from
To target a specific ID, use the syntax
Use !important to cause a rule to persist even if subsequent rules would of normally overwritten it. CSS normally changes properties of rules in sequential order, this prevents that. Not really good code practice, but is useful if you have no idea/can’t edit the CSS that is modifying it. The syntax is:
Stopping Objects From Being Rendered
An easy way to prevent objects from being rendered is to modify the display property of the object and set it to “none”.
Another example is on the OpenCart page, where it’s used to hide the currency options.
CSS Desk (http://cssdesk.com/) - CSS Desk is an awesome CSS sandbox in which you can write test html and css and see the effects of it in a dynamically updated simulated webpage. The interface is simple, and is laid out nicely on just one screen
This work is licensed under a Creative Commons Attribution 4.0 International License .