em-px-em

Compare the differences between EM and PX em pixels ex pixels .093em 1px .17ex 1px .19em 2px .25em 2.66667px .25ex 1.53333px .28em 3px .3em 3.2px .3ex 1.8px .33em 3.53333px .33ex 2px .47em 5px .5em 5.33333px .5ex 3px .67em 7.13333px .67ex 4px .75em 8px .75ex 4.53333px .83ex 5px 1em 10.06667px 1ex 6px 1.5em 16px 1.5ex 9px […]

CSS3 2D Transforms

CSS3 2D Transforms

Browser Support Internet Explorer 9 requires the prefix -ms-. Firefox requires the prefix -moz-. Chrome and Safari requires the prefix -webkit-. Opera requires the prefix -o-. 2D Transforms In this chapter you will learn about the 2d transform methods: translate() rotate() scale() skew() matrix() You will learn about 3D transforms in the next chapter. The […]

Media Queries Usage

Media Queries Usage

/* Smartphones (portrait and landscape) ———– */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ———– */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ———– */ @media only screen and (max-width : 320px) { /* Styles […]

Equal height for floating list elements

Equal height for floating list elements

That will literally search in this form: Find all elements which match :nth-child(3n+1), meaning every third element inside its parent. Filter only those who are lis. Filter only those who are direct descendants of ul.themenboxen. Or in english, find every third element directly inside of ul.themenboxen, and apply clear: both on it. Note: I’m not […]