We have discussed about the CSS rules of specificity in the previous post. We hope that it will be help for you to understand the CSS specificity works. It will be very help full to you in writing and debugging your CSS code correctly.
Now we are going to discuss with you another very important part of CSS Tricks learning the e.g. browser rendering process. It is very important to know about the web browser rendering differences to show your design similarly in all the browsers. By knowing about the browser rendering engine architecture you can maintain the cross browser compatibility quite easily.
If you have any kind of website development experience you would definitely be familiar or you will be going to get familiar with the phrase browser compatibility. It is very important that your site should similar in all the major browsers. So your design should be cross browser compatible. To maintain cross browser compatibility you should understand the browser rendering modes. As most of browsers are developed independently from each other they have their own parsers, policies and preferences to deal with your code.
Browser Rendering Engines | Web Rendering Engines
We have different html rendering engines for different browsers. Here are the most famous ones for you.
· Gecko, used by Firefox and Camino. It is an open source rendering engine developed by the Netscape first but it was further developed by the Mozilla project.
· Trident, used by Internet Explorer and AOL. This is developed by the Microsoft and it is a proprietary engine.
· Presto, used by Opera. It is a proprietary engine developed by Opera software.
· KHTML, used by Konqueror
· WebKit, used by Apple’s Safari and Google’s Chrome web browsers. It is an open source rendering engine. It was developed by Apple, Nokia, Google and others.
You should keep in mind that all these web rendering engines are still being developed. They are constantly in the process of development. So the modern browsers have modern rendering engines and the older versions have older rendering engines.
This development in rendering engines leads us to the web standards. The rise of web standards was because of these rendering engine differences. The organizations like the Web Standards Project was came into being with the help of web developers, which were frustrated by the browser development. They start to enforce the developers of the browsers to follow the recommendations of web consortium e.g. W3C. W3C came into being in 1994. The browser which is compliant with the web standards allow you to write clean CSS and the pages will be consistent in most of the browsers.