본문 바로가기

공부/웹 프로그래밍

reset.css

반응형


reset.css


/* Reset */

html,body{width:100%;height:100%}

html{overflow-y:scroll}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

body,h1,h2,h3,h4,input,button{font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px;color:#383d41}

body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}

img,fieldset{border:0 none}

ol,ul{list-style:none}

img,input,select,button,textarea{vertical-align:middle}

label,button{cursor:pointer}

button{margin:0;padding:0}

a{color:#2f3743;text-decoration:none}

button *{position:relative}

button img{left:-3px;*left:auto}

option{padding-right:6px}

hr{display:none}

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

caption{text-align:left }


.hidden {width:0; height:0; margin:0; padding:0; overflow:hidden; line-height:0; font-size:0; visibility:hidden; position:absolute; left:0; top:0}

.clearfix:after {content:""; display:block; height:0px; clear:both; visibility:hidden; zoom:1;}

.clearfix {display:block;}


.fl{float:left !important;}

.fr{float:right !important;}

.al{text-align:left !important;}

.ac{text-align:center !important;}

.ar{text-align:right !important;}


.mt0 { margin-top:0px !important;}

.mt5 { margin-top:5px !important;}

.mt10 { margin-top:10px !important;}

.mt15 { margin-top:15px !important;}

.mt20 { margin-top:20px !important;}

.mt30 { margin-top:30px !important;}

.mt40 { margin-top:40px !important;}

.mb0 { margin-bottom:0 !important;} 

.mb5 { margin-bottom:5px !important;}

.mb10 { margin-bottom:10px !important;}

.mb15 { margin-bottom:15px !important;}

.mb20 { margin-bottom:20px !important;}

.mb30 { margin-bottom:30px !important;}

.mb40 { margin-bottom:40px !important;}

input.number { text-align:right;padding-right:1px}

반응형