CSS Base code BASE.CSS list

Base.css as the name implies is the meaning of the base code, mainly to reset the browser default style of a collection bar, in the CSS layout to add it will improve the efficiency of writing, interested friends can refer to the

 

Copy Code code as follows:

/***** CSS set*****/


body, Div, DL, DT, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}


table{border-collapse:collapse;border-spacing:0;}


fieldset,img {border:0;}


address,caption, Cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;


Ol,ul {list-style:none;}


Capation,th{text-align:left;}


H1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


Q:before, q:after{content: '}


abbr,acronym{border:0;}





/***** text typesetting ******/


. f12{font-size:12px;}


. f13{font-size:13px;}


. f14{font-size:14px;}


. f16{font-size:16px;}


. f20{font-size:20px;}


. Fb{font-weight:bold;}


. Fn{font-weight:normal;}


. T2{text-indent:2em;}


. lh150{line-height:150%}


. lh180{line-height:180%}


. lh200{line-height:200%}


. Unl{text-decoration:underline;}


. No_unl{text-decoration:none;}


/**** positioning ****/


. Tl{text-align:left;}


. Tc{text-align:center;}


. Tr{text-align:right;}


. Bc{margin-left:auto;margin-right:auto;}


. Fl{float:left;display:inline;}


. Fr{float:right;display:inline;}


. Cb{clear:both;}


. Cl{clear:left;}


. Cr{clear:right;}


. Clearfix:after{content: '. '; Display:block;height:0;clear:both;visibility:hidden}


. Clearfix{display:inline-block;}


*html. clearfix{height:1%}


. Clearfix{display:block;}


. Vm{vertical-align:center;}


. pr{position:relative;}


. Pa{position:absolute;}


. abs-right{position:absolute;right:0;}


. zoom{zoom:1}


. Hidden{visibility:hidden;}


. None{display:none;}


/****** Length Height *******/


. w10{width:10px;}


. w20{width:20px;}


. w30{width:30px;}


. w40{width:40px;}


. w50{width:50px;}


. w60{width:60px;}


. w70{width:70px;}


. w80{width:80px;}


. w90{width:90px;}


. w100{width:100px;}


. w200{width:200px;}


. w300{width:300px;}


. w400{width:400px;}


. w500{width:500px;}


. w600{width:600px;}


. w700{width:700px;}


. w800{width:800px;}


. w{width:100%}


. h50{height:50px;}


. h80{height:80px;}


. h100{height:100px;}


. h200{height:200px;}


. h{height:100%}


/****** margin *******/


. m10{margin:10px;}


. m15{margin:15px;}


. m30{margin:30px;}


. mt5{margin-top:5px;}


. mt10{margin-top:10px;}


. mt15{margin-top:15px;}


. mt20{margin-top:20px;}


. mt30{margin-top:30px;}


. mt50{margin-top:50px;}


. mt100{margin-top:100px;}


. mb5{margin-bottom:5px;}


. mb10{margin-bottom:10px;}


. mb15{margin-bottom:15px;}


. mb20{margin-bottom:20px;}


. mb30{margin-bottom:30px;}


. mb50{margin-bottom:50px;}


. mb100{margin-bottom:100px;}


. ml5{margin-left:5px;}


. ml10{margin-left:10px;}


. ml15{margin-left:15px;}


. ml20{margin-left:20px;}


. ml30{margin-left:30px;}


. ml50{margin-left:50px;}


. ml100{margin-left:100px;}


. mr5{margin-right:5px;}


. mr10{margin-right:10px;}


. mr15{margin-right:15px;}


. mr20{margin-right:20px;}


. mr30{margin-right:30px;}


. mr50{margin-right:50px;}


. mr100{margin-right:100px;}


. p10{padding:10px;}


. p15{padding:15px;}


. p30{padding:30px;}


. pt5{padding-top:5px;}


. pt10{padding-top:10px;}


. pt15{padding-top:15px;}


. pt20{padding-top:20px;}


. pt30{padding-top:30px;}


. pt50{padding-top:50px;}


. pt100{padding-top:100px;}


. pb5{padding-bottom:5px;}


. pb10{padding-bottom:10px;}


. pb15{padding-bottom:15px;}


. pb20{padding-bottom:20px;}


. pb30{padding-bottom:30px;}


. pb50{padding-bottom:50px;}


. pb100{padding-bottom:100px;}


. pl5{padding-left:5px;}


. pl10{padding-left:10px;}


. pl15{padding-left:15px;}


. pl20{padding-left:20px;}


. pl30{padding-left:30px;}


. pl50{padding-left:50px;}


. pl100{padding-left:100px;}


. pr5{padding-right:5px;}


. pr10{padding-right:10px;}


. pr15{padding-right:15px;}


. pr20{padding-right:20px;}


. pr30{padding-right:30px;}


. pr50{padding-right:50px;}


. pr100{padding-right:100px;}