CSS Class Shortcuts Guide

1. The g-series font size shortcuts Nearly all g-series shortcut groups shown (gp-- gn-- gb-- etc.), use the standard ARIAL font. The Times Roman group (gr--) uses the TIMES NEW ROMAN font. The gn-- and gx-- series are the only ones that use a normal font weighting. All the others use the Bold weighting. NO COLOR (gx--) and TIMES ROMAN (gr--) shortcuts do not specify a color. By default alone, the text color for each such group is black. Font NO MEDIUM NAVAJO TIMES Size COLOR B L A C K BLUE WHITE WHITE ROMAN pt Norm Bold Norm Bold Bold Bold Bold --- ---- ---- ---- ---- ---- ----- 50 ... gx50 gp50 gn50 gb50 .... .... .... 45 ... gx45 gp45 gn45 gb45 40 ... gx40 gp40 gn40 gb40 gw40 gr40 38 ... gx38 gp38 gn38 gb38 36 ... gx36 gp36 gn36 gb36 gw36 gr36 34 ... gx34 gp34 gn34 gb34 32 ... gx32 gp32 gn32 gb32 gw32 gr32 30 ... gx30 gp30 gn30 gb30 28 ... gx28 gp28 gn28 gb28 gw28 gr28 26 ... gx26 gp26 gn26 gb26 24 ... gx24 gp24 gn24 gb24 gw24 gr24 22 ... gx22 gp22 gn22 gb22 gw22 20 ... gx20 gp20 gn20 gb20 gw20 gr20 18 ... gx18 gp18 gn18 gb18 gw18 gr18 16 ... gx16 gp16 gn16 gb16 gw16 gr16 14 ... gx14 gp14 gn14 gb14 gw14 gj14 gr14 12 ... gx12 gp12 gn12 gb12 gw12 gj12 gr12 10 ... gx10 gp10 gn10 gb10 gw10 gj10 08 ... gx08 gp08 gn08 gb08 gw08 gj08 06 ... gx06 gp06 gn06 gj06

2. Other Shortcuts fvsc font-variant:small-caps; a color:mediumblue; fsi font-style:italic; img border:none; fso font-style:oblique; un text-decoration:underline; txac text-align:center; z-series normal bold color ----------------------------- zfra zhra color:red; zfba zhba color:blue; zfbm zhbm color:mediumblue; zfga zhga color:green; zfax zhax color:black; zfwa zhwa color:white;

S P E C I A L N O T E S

The IMG Tag
The IMG tag normally includes a border by default. The border:none; spec overrides that standard. You have the
option of using STYLE within an IMG SRC block to specify a border of any pixel (px) size. For example, you
colud define a border in this manner ... STYLE="border:1px solid black;" (thinnest possible). An example of a
thicker border with blue color could be coded as .. STYLE="border:5px solid blue;".

You can also resize the image itself with the code STYLE="width:000px; height:000px;" -- the 000's
(or 00's or 0000's) being whatever pixel size you choose. Regarding the four examples presented below,
use your browser's "View Page Source" feature to see the exact coding for each image.

2020 small

The A anchor Tag
By itself, the A anchor tag will underline all text within its confines. The added default spec also colors the text medium blue.

This code <A target="_blank" href="https://www.somesiteontheweb.com/">Some Site On The Web</A> produces

Some Site On The Web

This code <A class="gb22" target="_blank" href="https://www.somesiteontheweb.com/">Some Site On The Web</A> produces

Some Site On The Web

The added gb22 class overrides the default 18px font spec (gp18) for any text within this particular division

This code <A class="gr28 zhga" target="_blank" href="https://www.somegreensiteontheweb.com/">Some Green Site On The Web</A> produces

Some Green Site On The Web

The added gr28 class overrides the default 18px font spec (gp18), and replaces the Arial font with Times New Roman.
The zhga class changes the text color from medium blue to green with Bold weighting.

When and where appropriate use a single g--- class (plus supporting class shortcuts where desired) OUTSIDE OF any multiple set of
A anchor code web-links. This saves both time and code space, because you do not have to add class="g---" to each individual web-link.

<span class="gp20"> Code of Link-1 Code of Link-2 Code of Link-3 Code of Link-4 </span>