CSS attribute code Daquan

If you are a friend who is used to writing CSS Styles, you may not need to read the following content. If you are used to the CSS style editor in DW, you do not need to read the drop-down content. But for a newbie, look at the following CSS attribute code Daquan is still necessary, are some simple CSS style attributes.

I. 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;/* distance between words */
Line-Height: 200%;/* set the Row Height */
Font-weight: bold;/* Bold text */
Vertical-align: Sub;/* subscripts */
Vertical-align: Super;/* superscript */
Text-Decoration: Line-through;/* strikethrough */
Text-Decoration: overline;/* Top Line */
Text-Decoration: underline;/* underline */
Text-Decoration: none;/* Delete link underline */
Text-transform: Capitalize;/* uppercase letters */
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 center */
Text-align: justify;/* scatter and alignment of text */
Vertical-align attributes
Vertical-align: Top;/* vertical and upward alignment */
Vertical-align: bottom;/* vertically aligned down */
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 */

Ii. 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

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 */