Inline-block and float seems to be alike at first sight. What is more, both these statements can be used to accomplish the same visual effect. You can use them both to create a whole range of other commonly used web patterns. Let’s try to find the differences that help you to make the right choice.
Nothing is perfect in this world and CSS3 with its background color gradient proves this rule one more time. It is not for shortening CSS code, but only for making it more variable. We all suppose that with CSS the necessary colours can simply defined while the browsers do all the drawing. Sounds great, but don’t work in practice… at least as you expected.
Suppose it is unnecessary to explain in details the specifics of the inline-block display value. The main problem with it is that it has no support in older browser versions. IE6 and IE7 have partial support only while FF2 has –moz specific support. Let’s try to use the following to fix the problem…
Many web developers still use HTML as the best way for constructing to add CSS, javascript and some other enhancements to their web documents. However, more and more people start talking about semantic value of HTML. Sometimes, we take the advice too literary and this may lead to various unnecessary problems with HTML.
Talking about HTML we usually highlight its structural function. However, this time we are going to discuss semantics especially the reasons why it doesn’t provide us with all the advantages promised. The truth is that we spend so much time and effort on writing structurally and semantically valuable html not for screenreader users only.
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…