About the content of base code BASE.CSS in CSS

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

The code is as follows:

/***** css set*****/Body, p, 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;}

The above is the whole content of this article, I hope that everyone's learning has helped, more relevant content please pay attention to topic.alibabacloud.com!

Related recommendations:

about using the greater-than sign in CSS styles and how to handle inheritance in CSS