ellipsis

The text-overflow CSS property helps us to handle the situation where the content overflowed out of the container. The ideal way is to show ellipsis to signal users that there is more content. But text-overflow alone cannot help to achieve this effect. we should have a combination of CSS properties to get Ellipsis effect. Continue reading “ellipsis”

conversion of px to em, % and pt

JSFIDDLE: http://jsfiddle.net/jnelsonin/ctfy158o/

This simple formula will help you to convert a px value in CSS to corresponding em, % and pt.

consider we have a pixel value of 8. Based on the above formula,

pt = (8 * 3) / 4 = 6pt

em = 8 / 12 = 0.5em

% = 0.5 * 100 = 50%

how to remove the blue highlighting from select element in internet explorer

In Interner Explorer, When we bring the focus to a select element, the element gets highlighted with a blue background, like in this given image. This is the default bahavior of Internet Explorer browser to indicate that, the focus is on select element.

focus-select-ie

How can we remove this highlighting?

Pure CSS method

 jQuery method

 

What is the best way to learn CSS / CSS3?

Answer by Jacob Nelson:

The best way to learn CSS3 is to start with simple CSS. Then move on to CSS2 and then CSS3.
ie; start from the basics. Infact, This is applicable to any language.

Here is the complete list of CSS properties

CSS Properties Index

Here is another list, which lists all the CSS selectors.
Understanding CSS selectors is very important, when we learn CSS.

Here are some nice tutorials which will help you to learn CSS quickly.

CSS Tutorial
CSS Tutorial
CSS3 Tutorial

View Answer on Quora