CSS Property Code Daquan Summary (i)

a CSS Text property:

Color: #999999; /* Text color */

Font-family: Song body, Sans-serif; /* Text font */

font-size:9pt; /* Text Size */

Font-style:itelic; /* Text Italic */

Font-variant:small-caps; /* Small Font */

letter-spacing:1pt; /* distance between characters */

line-height:200%; /* Set Line Height */

Font-weight:bold; /* Text Bold */

Vertical-align:sub; /* Subscript word */

Vertical-align:super; /* Superscript word */

Text-decoration:line-through; /* Add Strikethrough */

Text-decoration:overline; /* Add top Line */

Text-decoration:underline; /* Underline */

Text-decoration:none; /* Delete Link underline */

Text-transform:capitalize; /* First Letter Capital */

Text-transform:uppercase; /* English Capital */

Text-transform:lowercase; /* English lowercase */

Text-align:right; /* Text Right-aligned */

Text-align:left; /* Text left aligned */

Text-align:center; /* Text Center Align */

text-align:justify; /* Text Scatter alignment */

Vertical-align Property

Vertical-align:top; /* Vertical up alignment */

Vertical-align:bottom; /* Vertical Downward alignment */

Vertical-align:middle; /* Vertical Center Alignment */

Vertical-align:text-top; /* Text vertically up-aligned */

Vertical-align:text-bottom; /* Text vertically downwards */

Second, CSS border blank

padding-top:10px; /* Top Border left blank */

padding-right:10px; /* Leave blank in the right box */

padding-bottom:10px; /* Lower Border left blank */

padding-left:10px; /* Left Border blank

third, CSS symbol properties:

List-style-type:none; /* Not numbered */

List-style-type:decimal; /* Arabic numerals */

List-style-type:lower-roman; /* Lowercase roman numerals */

List-style-type:upper-roman; /* Capital Roman numerals */

List-style-type:lower-alpha; /* Lowercase English letters */

List-style-type:upper-alpha; /* Uppercase English Alphabet */

List-style-type:disc; /* Solid Circle symbol */

List-style-type:circle; /* Hollow Circle symbol */

List-style-type:square; /* Solid square symbol */

List-style-image:url (/dot.gif); /* Picture symbol */

List-style-position:outside; /* Convex row */

List-style-position:inside; /* Indent in */

Four, CSS background style:

Background-color: #F5E2EC; /* Background color */

Background:transparent; /* Perspective Background */

Background-image:url (/image/bg.gif); /* Background picture */

background-attachment:fixed; /* Floating watermark Fixed background */

Background-repeat:repeat; /* Repeat Arrangement-page default */

Background-repeat:no-repeat; /* Do not repeat the arrangement */

Background-repeat:repeat-x; /* Repeat arrangement on X axis */

Background-repeat:repeat-y; /* Repeat arrangement on y-axis */

Specify background position

background-position:90% 90%; /* background picture x and Y axis position */

Background-position:top; /* Align up */

Background-position:buttom; /* Downward alignment */

Background-position:left; /* Align Left */

Background-position:right; /* Align Right */

Background-position:center; /* Center Alignment */

Five, CSS connection properties:

A/* All hyperlinks */

A:link/* Hyperlink text Format */

a:visited/* Visited link text Format */

A:active/* Press the format of the link */

A:hover/* Mouse go to link */

mouse cursor Style:

Link Finger cursor:hand

Cross Body Cursor:crosshair

Arrow facing down Cursor:s-resize

Cross Arrow Cursor:move

Arrow facing right Cursor:move

Add a question mark Cursor:help

Arrow facing left Cursor:w-resize

Arrow facing up Cursor:n-resize

Arrow to top right cursor:ne-resize

The arrow is facing up to the left Cursor:nw-resize

Text I type Cursor:text

Arrow Oblique Right Bottom cursor:se-resize

Arrow Oblique left Lower cursor:sw-resize

Funnel cursor:wait

Cursor pattern (IE6) p {cursor:url ("cursor filename. cur"), text;}

vi. CSS Frame line list:

border-top:1px solid #6699cc; /* Upper Frame line */

border-bottom:1px solid #6699cc; /* Bottom Border */

border-left:1px solid #6699cc; /* Left Border line */

border-right:1px solid #6699cc; /* Right Border line */

This is the way the proposal is written, but it can also be used in the usual way:

Border-top-color: #369/* Set upper Border top Color */

BORDER-TOP-WIDTH:1PX/* Set upper Border top Width */

border-top-style:solid/* set upper Border top style */

Other wireframe styles

Solid/* Solid wireframe */

Dotted/* Dashed box */

Double/* Dual wireframe */

Groove/* Stereoscopic inner convex frame */

Ridge/* Stereoscopic Relief Frame */

Inset/* Concave frame */

Outset/* Convex frame */

vii. Application of CSS forms:

text box

Button

check box

Select button

Multi-line text box

Drop-down menu option 1 option 2

viii. CSS boundary style:

margin-top:10px; /* Upper Border */

margin-right:10px; /* Right Boundary value */

margin-bottom:10px; /* Lower boundary value */

margin-left:10px; /* Left boundary value */

CSS Property Code Daquan Summary (i)