CSS Basic grooming (style sheet style properties)

　　Style properties

1 · Background and foreground

Background-color: #00F; /* Background color, style sheet high priority */
Background-image:url (); /* Set background picture (default) */
Word-wrap:break-word;
Word-break:break-all; /* Wrap Line */
background-attachment:fixed; /* Background is fixed, does not scroll with the font */
Background-repeat:no-repeat; /* Background Map no-repeat uneven, repeat tile, repeat-x horizontal tile, repeat-y portrait tile */
background-position:center;/* The background map is centered, repeat must be no-repeat*/when setting the background map position
Background-position:right top;
Background-position:left 100px top 200px;} /* 100 pixels from the left, 200 pixels from the top */

　　　　Font

font-family: "Courier New", Courier, monospace;/* set font */
Color: #FFF; /* Text color */
font-size:18px; /* Font Size */
Font-weight:normal; /*bold is bold, normal is OK */
Font-style:italic; /* tilt, normal is ok */
Text-decoration:overline; /* underline; overline is underlined; Line-through is strikethrough; none is remove underline */
Text-align:center; /* (horizontal) center-aligned; left aligned; right is justified */
Vertical-align:middle; /* (vertical) center aligned; top is top aligned; bottom is bottom-aligned. Use after setting the line height */
text-indent:28px;/* First Line Indent */
line-height:24px;/* line height. Generally 1.5~2 times the font size */
Display:inline-block; /*none is not displayed, Inline-block is displayed as block, does not wrap, width height can be set, block is displayed as blocks, auto-wrap, inline effect with span label, do not wrap, width height is not set */
visibility:visible; /* visibility, hidden hidden but occupies space; visible display */

　　　　Borders and Borders

border:5px solid #F00; /* Four border, 5 pixels wide, solid, red */
border-width:5px;
Border-style:solid;
Border-color: #F00;

border-top:5px solid #9F0; /* Top border: 5 pixels wide, solid line, green */
border-bottom:5px solid #39C; /* Bottom border: 5 pixels wide, solid line, blue */
border-left:5px solid #FF0; /* Left frame: 5 pixels wide, solid line, yellow */
border-right:5px solid #FFF; /* Right border: 5 pixels wide, solid line, white */
margin:50px; /* Width of the outer border is 10 pixels, auto, center */
margin-top:10px; /* The upper border is 10 pixels wide, and the other three-side border is similar to */
margin:20px 0px 20px 0px; /* order is upper right bottom left, clockwise order */

padding:10px; /* Content and border have a four-sided spacing of 10 pixels */
padding-top:20px; /* The top spacing between the content and the border is 20 pixels, and the other three sides are similar */
padding:50px 20px 10px 20px; /* order is upper right bottom left, clockwise order */

CSS Basic grooming (style sheet style properties)