CSS text attributes:
color: #999999;/* text color */
font-family:, sans-serif; /* text font */
font-size: 9pt;/* text size */
font-style: itelic; /* italic text */
font-variant: Small-caps;/* small font */
letter-Spacing: 1pt; /* spacing between words */
line-Height: 200%;/* set the Row Height */
font-weight: bold; /* Bold text */
vertical-align: Sub;/* subscript word */
vertical-align: Super; /* supermark */
text-Decoration: Line-through;/* strikethrough */
text-Decoration: overline; /* Top Line */
text-Decoration: underline;/* underline */
text-Decoration: none; /* Delete the link underline */
text-transform: Capitalize;/* capital */
text-transform: uppercase; /* uppercase letters */
text-transform: lowercase;/* lowercase letters */
text-align: right; /* Right-aligned text */
text-align: Left;/* Left-aligned text */
text-align: center; /* align text in the center */
text-align: justify;/* scattered text alignment */
vertical-align attribute
vertical-align: top; /* vertical and upward alignment */
vertical-align: bottom;/* vertical and downward alignment */
vertical-align: middle; /* vertical center alignment */
vertical-align: Text-top;/* vertical and upward alignment of text */
vertical-align: Text-bottom; /* vertical and downward alignment of text */
Iii. CSS symbol attributes:
List-style-type: none;/* No number */
List-style-type: decimal;/* arabic numerals */
List-style-type: lower-Roman;/* lowercase roman numerals */
List-style-type: Upper-Roman;/* uppercase roman numerals */
List-style-type: lower-alpha;/* lowercase letters */
List-style-type: Upper-alpha;/* uppercase letters */
List-style-type: disc;/* Solid circular symbol */
List-style-type: circle;/* hollow circle symbol */
List-style-type: Square;/* solid square symbol */
List-style-image: URL (/dot.gif);/* image symbol */
List-style-position: Outside;/* convex */
List-style-position: Inside;/* indent */
Iv. CSS background style:
Background-color: # f5e2ec;/* Background Color */
Background: transparent;/* view background */
Background-image: URL (/image/bg.gif);/* background image */
Background-Attachment: fixed;/* float watermark fixed background */
Background-repeat: Repeat;/* repeat-default page */
Background-repeat: No-Repeat;/* no duplicates */
Background-repeat: Repeat-X;/* repeat on the X axis */
Background-repeat: Repeat-y;/* repeat the Y axis */
Specify the background position
Background-position: 90% 90%;/* position of the background image X and Y axis */
Background-position: Top;/* align upwards */
Background-position: buttom;/* align downward */
Background-position: Left;/* align to left */
Background-position: Right;/* align to the right */
Background-position: center;/* center alignment */
V. CSS connection attributes:
A/* All hyperlinks */
A: Link/* hyperlink text format */
A: visited/* URL text format browsed */
A: active/* Format of the pressed link */
A: hover/* move the cursor to the link */
Mouse and cursor style:
Link finger cursor: Hand
Cross cursor: crosshair
Arrow down cursor: S-resize
Cross arrow cursor: Move
Arrow toward right cursor: Move
Add a question mark (cursor: Help)
Arrow toward left cursor: W-resize
Arrow up cursor: N-resize
Arrow toward top right cursor: NE-resize
Arrow toward top left cursor: NW-resize
Text I-type cursor: Text
Arrow oblique lower right cursor: Se-resize
Down-left arrow cursor: Sw-resize
Funnel cursor: Wait
Cursor pattern (IE6) P {cursor: URL ("cursor file name. cur"), text ;}
Vi. List of CSS borders:
Border-top: 1px solid # 6699cc;/* upper box line */
Border-bottom: 1px solid # 6699cc;/* bottom line */
Border-left: 1px solid # 6699cc;/* left frame line */
Border-Right: 1px solid # 6699cc;/* right frame line */
The above is the recommended writing method, but you can also use the conventional method as follows:
Border-top-color: #369/* set the top color of the upper box line */
Border-top-width: 1px/* set the top width of the upper box line */
Border-top-style: solid/* set the top style of the upper box line */
Other box style
Solid/* solid box */
Dotted/* dotted box */
Double/* double box */
Groove/* three-dimensional convex box */
Ridge/* stereo relief frame */
Inset/* concave box */
Outset/* convex box */
VII. CSS form application:
Text Box
Button
Check box
Selection button
Multi-line text box
Drop-down menu option 1 option 2
VIII. CSS border style:
Margin-top: 10px;/* upper boundary */
Margin-Right: 10px;/* right boundary value */
Margin-bottom: 10px;/* bottom boundary value */
Margin-left: 10px;/* left boundary value */
9. CSS border Blank
Padding-top: 10px;/* Leave the upper border blank */
Padding-Right: 10px;/* left blank on the Right Border */
Padding-bottom: 10px;/* Leave the bottom border blank */
Padding-left: 10px;/* Left Border Blank
From: http://www.leopu.com/article.asp? Id = 50