CSS beginners: text attributes

Text attributes
You can set the color, size, font, and width of a text.
Original Code
<STYLE>
SPAN. c1 {color: red; position: relative; font-size: 12px; font-family: Arial; font-weight: 700}
SPAN. c2 {color: blue}
SPAN. c3 {color: green}
SPAN. c4 {color: pink}
</STYLE>
<Span class = c1> A </SPAN>
<Span class = c2> B </SPAN>
<Span class = c3> C </SPAN>
<Span class = c4> D </SPAN>
Display result
A
B
C
D
Text COLOR {COLOR}
Syntax: {COLOR: (color )}
Original Code
<STYLE>
SPAN. test {color: red}
</STYLE>
<Span class = test> a B C D </SPAN>
Display result
A B C D
Text category {FONT}
Set font style, case sensitivity, width, size, text row and column height, font
Syntax: {FONT: (font-style )? (Font-variant )? (Font-weight )? (Font-size )? (Font-family )? /(Line-height )}
Original Code
<STYLE>
SPAN. test {FONT: italic bold 12pt/18pt}
</STYLE>
<Span class = test> a B C D </SPAN>
Display result
A B C D
Download FONT {@ FONT-FACE}
Syntax: @ FONT-FACE {FONT-FAMILY: (font-family); SRC: URL (url )}
Original Code
<STYLE>
@ FONT-FACE {FONT-FAMILY: (not fixed); SRC: URL (Download address )}
</STYLE>
Display result
No results
Text FONT {FONT-FAMILY}
Syntax: {FONT-FAMILY: (font-name )? (Generic-family )}
Original Code
<STYLE>
SPAN. test {FONT-FAMILY: "Arial Black "}
</STYLE>
<Span class = test> a B C D </SPAN>
Display result
A B C D
Text SIZE {FONT-SIZE}
Set the font size (unit properties: point pt, inch in, cm, pixel px, percentage %)
Syntax: {FONT-SIZE: LARGE? MEDIUM? SMALLER? (Length )? (Percentage )}
Original Code
<STYLE>
SPAN. test1 {FONT-SIZE: LARGE}
SPAN. test2 {FONT-SIZE: 10pt}
SPAN. test3 {FONT-SIZE: 50%}
</STYLE>