War is evil or just another chance for improvement? The latter statement can be true for browsers development history. Today we can observe the battle between IE, Mozilla, Opera and Safari. There are two battlefields but the results are obvious for global users. Notwithstanding various complaints, IE still doesn’t have adequate rival.
Sometimes even a simple issue can become a real problem with CSS. The main thing is to make it cross-browser. One of such examples is spreading a list evenly across the total width of the container. Let’s try to solve this step by step. Note that any improvements are welcome.
HTML is all about structure and meaning. It allows you to publish content on the web, describe and structure that content. While CSS and Javascript are additions for certain clients, HTML adds meaning and context to the elements of a web document. We try to define the content with html tags so that it will be readable for machines as well as for humans.
All we know that there are three things to consider while creating a web page – content, form and function. CSS is in charge of the form of the web page if it is html-based. This article contains the review of the very basics of CSS, so that you get an idea of its functioning with modern web deign. Hope this time all the explanations will be clear for you.
To make some element transparent you can use the css3 property opacity. This css3 property provides you with decent cross-browser support. This property accepts a value between 0 and 1 with 0 – totally transparent and 1 – no transparency at all. As usual, none of the IE browsers accept this property.
CSS is all about cascading or waterfall principle. You may know this principle, but still some ways CSS is constructed are obscure. So, let’s try to find out the specificity of CSS selectors that are abased on the struggle for dominance principle. First of all, we should interpret the concept of CSS specificity…
We have already discussed CSS selectors that could be used without worrying about browser support in our previous articles. Now we are going to talk about the selectors that can quite useful in some browsers, but fail to work cross-browser. If you are going to style document, the selectors explained can help you a lot.
It is not so hard to write rules for a specific document, the other thing is to write CSS for entire site. It is advisable to verify that when a context is defined, it is necessary for an element to appear within that context to receive its defined style. In css, pattern matching rules determine which style rules apply to elements in the document tree.
It is desirable that browser specific bugs should be targeted and fixed each browser specifically with no impact on the way general CSS is written. If a bug is fixed in a certain browser version, we need a possibility to remove fixes without worrying about browser compatibility.
Classes help you to structure your document as well as add semantic meaning to elements where html falls short. It is better not to apply too many classes on one single element and avoid classes that contain behavior instead of semantic meaning. In case you use the class attributes correctly, you will get flexible and future proof structure to your documents.