2014
Apr
22

@font-face is for loading up and using your own custom fonts, rather than the limited set of standard system fonts already installed on computers that browsers have access to. For security reasons, Firefox or Internet Explorer simply don't allow you to use by default a font that is not hosted on your domain, not even on your subdomain. The CDN based websites can be also affected in this case.

2014
Mar
27

The first digit (a) is always zero, unless there is a inline style attribute applied to that element. The second digit (b) is the sum of the number of IDs in that selector. The third digit (c) is the sum of the number of classes, attributes, and pseudo-classes in that selector. The fourth digit (d) counts the elements and pseudo-elements.

2009
Nov
22

Liquid PNG 8 Round CornersHTML HTML Markup<div id="wrapperDiv" class="wrapper"> <div class="top-left"></div> <div class="to...

2009
Sep
21

The z-index property determines the stack level of an HTML element. The stack level refers to the element's position on the Z axis (as opposed to the X axis or Y axis). A higher z-index value means the element will be closer to the top of the stacking order. This stacking order runs perpendicular ot the display, or viewport. In an HTML page, the natural stacking order (i.e. the order of elements on the Z axis) is determined by a number of factors. Below is a list showing the order that iterms fit into a stacking context, starting with the bottom of the stack.

2009
Apr
15

Disable Text SelectionWith CSSExample<div unselectable="on"></div> /* For IE */Example.text-selection { user-select: none; -moz-user-s...

2009
Mar
08

Opacity SettingWith CSSExample.opacity { opacity: 0.5; /* For Newer Mozilla Browsers, Safari, and Opera */ -moz-opacity: 0.5 /* For Older Mozilla Br...

2009
Mar
08

The background-image property allows you to specify an image to be displayed in the background. This can be used in conjunction with background-color, so if your image is not tiled, then any space that the image does not cover will be set to the background color. The path of the image is relative to the style sheet. So, in the following snippet, the image is in the same directory as the style sheet.

2009
Mar
08

A left-floated box will shit to the left until its leftmost margin edge (or border edge if margins are absent) touches either the edge of the containing block, or the edge of another floated box. If the size of the floated box exceeds the available horizontal space, the floated box will be shifted down. Non-positioned, non-floated, block-level elements act as if the floated element is not there, since the floated element is out of document flow.

2009
Mar
07

Conditional CommentsSyntaxExample<!--[if condition]> HTML <![endif]-->ConditionExample<!-- Any Version of IE (typically 5, 5.5, 6, or 7...