CSS Common Tags-hand transcription-thank the original unknown blogger-humbly

CSS Common tags

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; /* No cosmetic line */

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:top; /* Vertically aligns the largest element within the line element at the top of the

Vertical-align:bottom; /* Vertically aligns the bottom of the largest element within the line element */

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

Vertical-align:text-top; /* Vertically aligns the top of the parent element */

Vertical-align:text-bottom; /* Vertically aligns the bottom of the parent element */

Top, bottom, text-top, text-bottom differences:

overflow:hidden;//hidden text Overflow section.

white-space:nowrap;//does not wrap to text.

text-overflow:ellipsis;//overflow part with ellipsis (based on the first two attributes in all cases)

text-overflow:clip;//cut.

Text-overflow: "...";//Custom format.

position:absolute;//sets the position of the document to absolute positioning, and relative represents relative positioning.

right:50px;//indicates that the element is 50px away from the right element, and it is necessary to set the position element with that element.

z-index;/* the stacking order of the specified elements */

Clip:rect (top,right,bottom,left);/* Cut graphics */

Flex//flex layout, when using the flex layout, you need to set the display of the flex of the parent container to "Display:flex;".

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

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

List-style-type:lower-roman; /* Lowercase Roman numerals, such as: i,ii,iii,iv,v, etc. */

List-style-type:upper-roman; /* Uppercase Roman numerals, such as: i,ii,iii,iv,v, etc. */

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

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

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

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

List-style-type:square; /* Solid block Mark */

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

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

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

Four, CSS background style

/* 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:x% y%; /* 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:

Prohibition of cursor:not-allowed;

Link Finger cursor:pointer

Cross Body Cursor:crosshair

Help cursor (there will be a question mark) cursor:help

Cross Arrow Cursor:move

Text T-type Cursor:text

Background program run-cursor:progress

Funnel cursor:wait

Arrows facing right or right cursor:w-resize or cursor:e-resize

Arrows facing up or down cursor:n-resize or cursor:s-resize

/* These four values correspond to the first letter of the English language of the two cardinal characters */

Arrow to top right or lower right cursor:ne-resize or cursor:se-resize

Arrow facing top left or left cursor:nw-resize or cursor:sw-resize

/* The first letter of the four values is either a north or South letter */

Custom cursor P {cursor:url ("cursor filename. ico"), text;}

/* The custom cursor is prone to incompatibility issues, so you need to add a default cursor type */

Vi. List of CSS wireframe lines

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

Eight, common CSS combination

MyCSS1{display:block; margin:0px; padding:0px; white-space:pre-wrap; >#ddd; padding:. Font-size:px;}

CSS Common Tags-hand transcription-thank the original unknown blogger-humbly