Difference between revisions of "CSS Styling"

Latest revision as of 23:00, 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, using pixels (20px), using typographic sizes like points (14pt) or "ems" (2.4em), where an "em" is the width of the "m" character in the current font, or using percentages like 80% or 120%, where 100% is the size of the current font.

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>, using pixels (<tt>20px</tt>), using 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 current font, or using percentages like <tt>80%</tt> or <tt>120%</tt>, where 100% is the size of the current font.
-:: Percentages like <tt>120%</tt> are also valid for sizes, but they are rarely used for fonts.
 ''Learn more:''
-:* CSS reference
+:* [http://www.w3schools.com/cssref/ CSS Reference]
-:* HTML Color Chooser
+:* [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]