CSS 全局重置和clearfix

Posted 2021-05-23

/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
legend { display:none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }
form { display:inline; }

/***********************************************************
 Site
************************************************************/

html {
	font-size: 62.5%;
	font-weight: normal;
	font-family: "Arial", Tahoma, Verdana, Arial, sans-serif;
}



.clearfix:after, .container:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

.clear { 
	clear: both; 
	line-height: 0;
}