• Home

css

Description of css em functionality

Dragan Eror's picture
Dragan Eror // 30.07.2010 - 21:35
in

1em = (font-size value of current element)

font-size: 1em; /*16px*/ /*16(default font size) x 1(our property) = 16*/
font-size: 0.75em; /*12px*/ /*16(default font size) x 0.75(our property) = 12*/
font-size: 0.833em; /*10px*/ /*12(parent font size) x 0.833(our property) = 10*/
font-size: 1.8em; /*18px*/ /*10(parent font size) x 1.8(our property) = 18*/
font-size: 1em; /*18px*/ /*18(parent font size) x 1(our property) = 18*/

-moz-box-shadow inset

Dragan Eror's picture
Dragan Eror // 29.07.2010 - 15:55
in

Example of CSS3 multishadow

  1. -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;

Css font size conversion table

Dragan Eror's picture
Dragan Eror // 28.06.2010 - 14:26
in

Nice table for convert font size from one unit to another.

Convert font size from pt, px, em, % in pt, px, em, %

font size conversion table

Source: http://sureshjain.wordpress.com/2007/07/06/53/

Remove FireFox focus ring from links on your site

Dragan Eror's picture
Dragan Eror // 15.05.2009 - 15:58
in

If you use Firefox web browser then you know about annoying dotted border around links when you click on them.
You can easy fix that thing if you carefully follow next few steps.

  1. Open new tab or new window in your Firefox

  2. In address bar type next

    about:config

    and pres enter

  3. You will see warining page. Something like this