CSS Reset | All About CSS

Many of the attributes of CSS use the same names as HTML, making the transition even easier. Also, many of the differences that do exist are more intuitive in CSS, making it easier to ‘read’ when you’re still unfamiliar with it.

Colors, for example, uses the same so-called ‘hexadecimals’ that HTML used, and even the same color names (though ‘valid’ color names are still limited to aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow).

Text attributes are also similar, though CSS uses some clearer language. For instance, italics are referenced by {font-style:italic} rather than <i> or <em> (or <dfn>, <var>, <cite>, etc.). CSS also supports {font-style:oblique}, a more subtle italic, but not all browsers recognize this style.

Fonts are selected using {font-family} instead of <font face>, but the font names haven’t changed.

Text sizes are handled a bit more flexibly in CSS (now THAT’S an understatement!). There are many ways to skin that particular cat, but the most common was is with “em”. One em equals 16 pixels, which is the default browser text size, so anything larger or smaller than ‘normal’ can be expressed using decimals, i.e.:

p {font-size:0.75em;}

H1 {font-size:1.25em;}

h2 {font-size:2em;}

and so on. If that’s too much for you, CSS also recognizes good old percentages, and also absolute values such as pixels, points, picas, inches, et cetera…

{font-weight} is just the CSS way of saying Bold, one of the few instances where CSS is no closer to common language than HTML. CSS actually supports several shades other than normal and bold (including the temptingly-named lighter and bolder), but most browsers don’t.

{text-decoration} includes overline, line-through, and underline, which all do pretty much what you’d expect. You can also say {text-decoration:none;} which will remove all decoration, such as underlines from links.

{text-transform} is a sneaky little devil that changes your text’s case, i.e., capitalize will automatically make every first letter uppercase (which, by the way, is just asking for the grammar nazis, even if you use it for headlines and titles). There’s also uppercase and lowercase, which changes every letter in your content respectively, and none, which does absolutely nothing (though it may be useful to exclude portions of your content from an inherited use of text-transform).

Learn how to create a link like : Oasis Moving and Storage Reviews
starting with < a href=" with you url page here " > Click the Link Here < / a >