Difference between revisions of "CSS Styling"

Revision as of 22:59, 24 January 2012

Cascading Style Sheets (CSS) is the standard for specifying display format on the web.

Here are some examples of CSS formatting you might use for a field:

background-color:Bisque; color:Brown; border:5px solid Brown; font-size:X-large; font-family:"Times New Roman";

background-color:#9ACD32; color:Olive; font-weight:bold; font-size:large; text-align:left; font-size:20px;

As shown in those examples, you can use standard CSS syntax to specify formatting characteristics:

Specify colors using hexadecimal values or standard HTML color names.
Specify font sizes using standard HTML names like X-large and large, or using pixels (20px), or typographic sizes like points (14pt) or "ems" (2.4em), where an "em" is the width of the "m" character in the font you're using.

Percentages like 80% or 120% are also valid for sizes, but they are rarely used for fonts.

Learn more:

@@ Line 9: / Line 9: @@
 As shown in those examples, you can use standard CSS syntax to specify formatting characteristics:
 :* Specify colors using hexadecimal values or standard HTML color names.
-:* Specify font sizes using standard HTML names like <tt>X-large</tt> and <tt>large</tt>, or using pixels (<tt>20px</tt>), or points (<tt>14pt</tt>).
+:* Specify font sizes using standard HTML names like <tt>X-large</tt> and <tt>large</tt>, or using pixels (<tt>20px</tt>), or typographic sizes like points (<tt>14pt</tt>) or "ems" (<tt>2.4em</tt>), where an "em" is the width of the "m" character in the font you're using.
 :: Percentages like <tt>80%</tt> or <tt>120%</tt> are also valid for sizes, but they are rarely used for fonts.
@@ Line 16: / Line 16: @@
 :* [http://www.w3schools.com/cssref/css_colornames.asp CSS Colors by Name]
 :* [http://www.w3schools.com/css/ CSS Tutorial]
+:* [http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ CSS Font-Size: EM vs. PX vs. PT vs. PERCENT]