Browsed by
Month: April 2008

Font Size Conversion Chart

Font Size Conversion Chart

Font Size Conversion Chart Points Pixels Ems Percent Keyword Default sans-serif 6pt 8px 0.5em 50% CSS Tricks 7pt 9px 0.55em 55% CSS Tricks 7.5pt 10px 0.625em 62.5% x-small CSS Tricks 8pt 11px 0.7em 70% CSS Tricks 9pt 12px 0.75em 75% CSS Tricks 10pt 13px 0.8em 80% small CSS Tricks 10.5pt 14px 0.875em 87.5% CSS Tricks 11pt 15px 0.95em 95% CSS Tricks 12pt 16px 1em 100% medium CSS Tricks 13pt 17px 1.05em 105% CSS Tricks 13.5pt 18px 1.125em 112.5% large CSS…

Read More Read More

Windows Short Cuts

Windows Short Cuts

Key Board Short Cuts CTRL+C (Copy) CTRL+X (Cut) … CTRL+V (Paste) CTRL+Z (Undo) DELETE (Delete) SHIFT+DELETE (Delete the selected item permanently without placing the item in the Recycle Bin) CTRL while dragging an item (Copy the selected item) CTRL+SHIFT while dragging an item (Create a shortcut to the selected item) F2 key (Rename the selected item) CTRL+RIGHT ARROW (Move the insertion point to the beginning of the next word) CTRL+LEFT ARROW (Move the insertion point to the beginning of the…

Read More Read More

Grouping

Grouping

When several selectors share the same declarations, they may be grouped into a comma-separated list. Example(s): In this example, we condense three rules with identical declarations into one. Thus, H1 { font-family: sans-serif }H2 { font-family: sans-serif }H3 { font-family: sans-serif } is equivalent to: H1, H2, H3 { font-family: sans-serif } CSS offers other “shorthand” mechanisms as well, including multiple declarations and shorthand properties.

Boxtest

Boxtest

Boxtest Here is a sample div with class “boxtest”. It has 20px border, 30px padding, and 300px width. div.boxtest { border:20px solid; padding:30px; background: #ffc; width:300px;} The total width including borders and padding should be 400px. 20+30+300+30+20 = 400 User agents which misinterpret the CSS1 box model by placing border and padding inside the specified width would result in a total width of only 300px, and a content width of only 200px. 300-20-30-30-20 = 200 The red and blue bars…

Read More Read More