In the last entry we learned how to put a CSS style sheet into a web document, today we will look at the structure of CSS file and how it relates too the HTML file. A CSS Style sheet can have three different types of style blocks in it’s contents. There is a HTML tag block, an ID block and a class block. All of these blocks are identified in different manners in the style sheet.

Cascading Style Sheets (CSS) is a method of adding or changing styles on web based documents. CSS allows web designers to change the way a page element is displayed in the browser. This can be as simple as changing the font, colors or even the spacing around the element. Due to this CSS is extremely powerful and can be a great addition to any web designers arsenal.

Almost every web designer out there at some point during their designing has run into problems with cross browser compatibility problems. These problems are caused by web browsers such as Internet Explorer and FireFox going into “quirks mode” when displaying the website. Quirks mode is the browsers code compatibility mode that it uses to interpret and try to fix problems in the website HTML code. For a web design quirks mode does more harm then good. There is a solution to keep web browsers out of quirks mode when displaying web sites.