Importance of CSS
Let's say, there are a hundred HTML pages in a website with lots of content like headings, list-items, paragraphs etc., and in all the pages the headings are in dark gray color with 16px font size and the paragraph text is in 11px font size. But after you get the site up and running, the client decides the font size for the paragraph text is too small and wants the text size to be increased and the heading color be bold and in sky blue. Then it would take a lot of time for you to do these modifications, if you are going to do them for all the hundred pages. So, had you defined a set of rules in an external style sheet and applied them to the HTML content, it would barely take a few minutes to make the necessary modifications. This is easy, saves a lot of your time and energy. And also keeps your HTML code clean by maintaining an external style sheet. These two are the best features of CSS.
Browser compatibility
Internet Explorer, Mozilla, Opera, Safari, Netscape, Sea Monkey, Ephipany, Google Chrome, etc, - these are a few browsers (with their different versions and varieties to work on different platforms) each behaving in its own unique way. Based on the client requirement and product demand, at the end of the day a web designer/ developer has to make the website or web application compatible with the browser. Here I am only considering Mozilla, Internet Explorer 6 & 7, Safari and Opera to check the compatibility. It's not that I am ignoring the other browsers, but it is not necessary/ or possible to make a website compatible with all the browsers.
Pixels are blood cells
How blood cells are for our life, pixels are for the layout design. A designer should be very conscious about the pixels. One pixel difference is enough to make your website behave oddly. The box-model is nothing but every element has its own borders, padding and margins, based on the design we need to nullify or add these things to the default properties. All these again revolve around the pixels.
Comments
Post a Comment