Common CSS styles increase the speed of webpage writing and css styles
* {Margin: 0px; padding: 0px ;}
/* Initialize the internal and external margins */
Html, body, div, h1, h2, h3, h4, h5, h6, p, span, img, input, textarea, ul, ol, li, hr {margin: 0; padding: 0 ;}
/* Remove the default list style */
Ul, ol {list-style-type: none ;}
/* Remove the default style of the tag */
A {text-decoration: none ;}
/* Floating around */
. Fl {float: left ;}
. Fr {float: right ;}
/* Clear floating */
. Clear {clear: both ;}
. Clearfix: after {display: block; height: 0; content: ""; clear: both; visibility: hidden ;}
/* Different font sizes */
. F-13 {font-size: 13px ;}
F-14 {font-size: 14px ;}
F-16 font-size: 16px ;}
F-18 {font-size: 18px ;}
F-20 {font-size: 20px ;}
/* Element type */
. Inline {display: inline ;}
. Block {display: block ;}
. Inline-block {display: inline-block ;}
/* Box-sizing */
. Border-box {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
Box-sizing: border-box;
}
/* Margin */
. Mar20 {margin: 20px auto ;}
. Mar15 {margin: 15px auto ;}
. Mar10 {margin: 10px auto ;}
/* Padding */
. Pad20 {padding: 20px ;}
. Pad15 {padding: 15px ;}
. Pad10 {padding: 10px ;}
/* Ellipsis */
. Slh {white-space: nowrap; overflow: hidden; text-overflow: ellipsis ;}
. Slhm {overflow: hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical ;}
/* Gray */
/* Html {
Filter: grayscale (100%); // IE browser
-Webkit-filter: grayscale (100%); // Google Browser
-Moz-filter: grayscale (100%); // Firefox
-Ms-filter: grayscale (100% );
-O-filter: grayscale (100% );
Filter: progid: DXImageTransform. Microsoft. BasicImage (grayscale = 1 );
-Webkit-filter: grayscale (1); // Google Chrome
}*/
/* Anti-replication
<Body unselectable = "on" onselectstart = "return false;"> </body> */
/* Form alignment
. Test1 {
Text-align: justify;
Text-justify: distribute-all-lines;/* ie6-8 */
/* Text-align-last: justify; ie9 */
/*-Moz-text-align-last: justify; ff */
/*-Webkit-text-align-last: justify; chrome 20 +
}
/* @ Media screen and (-webkit-min-device-pixel-ratio: 0) {chrome
. Test1: after {
Content :".";
Display: inline-block;
Width: 100%;
Overflow: hidden;
Height: 0;
}
}*/
/* Transparency */
. Opacity {opacity: 0; cursor: pointer;-ms-filter: "progid: DXImageTransform. microsoft. alpha (Opacity = 0) "; filter: alpha (opacity = 0 );}
/* Indent the first line */
. Shsj {text-indent: 2em}
/* Font alignment */
. Textl {text-align: left}
. Textc {text-align: center}
. Textr {text-align: right}
/* Force line feed */
. Qzhh {word-wrap: break-word; word-break: break-all; padding: 0px ;}
/* Image link border */
. Borimg {border: 0 none ;}
/* Mouse style */
. Pointer {cursor: pointer ;}
/* Locate the link */
. Absolute {position: absolute ;}
. Relative {position: relative ;}