Category: CSS/CSS3

Media Queries in SCSS.

I was searching for how we can use media query in scss. I found several ways to use it but I wanted something which is interesting any easy to use as well. Then I found…

CSS oDesk Test Answers

Consider the following problem: When trying to apply a CSS3 style to a label of a checked radio button like this: …. <style> label:checked { font-weight: bold; } </style> …. <input type=”radio” id=”rad” name=”radio”/> <label…

SEO friendly contents hiding by CSS.

Remove content from page without using display:none; or visibility:hidden;. This method will not affect your page flow and won’t show any scrollbars. This is very easy way to hide content to make your site SEO…

Opacity issues in browsers.

Opacity is CSS3 property and now days supported by all major browsers, but here are several old browsers which won’t supports it. For those we have to define following:        

Add/Remove class on hover by JS.

Now a day’s almost all browsers support :hover property by CSS. But sometimes we want JS to add and remove class or any other css properties on hover so that we can do easily.  …

Make your .CSS file to .PHP file.

You can compress your .css file to .php file by following procedure. 1)      Create a file “stylesheet.php” and add the code to this file.   2)      Now call this file inside to your site head….

How to Comment in CSS

Codes in css these codes /* */ marks as CSS comments. This allows you to enter new codes into CSS that will not be interpreted. In this case, this comment lets someone reading  in the CSS…