※ 스타일을 초기화해 브라우저별 상이점을 제거한 후 기획한다.
* {
outline:0;
margin:0;
padding:0;
box-sizing:border-box;
}
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,img,b,i,dl,dt,dd,ol,ul,li,
form,label,table,caption,tbody,thead,tr,th,td,canvas,audio,video {
border:0;
font:inherit;
vertical-align:baseline;
background:transparent;
font-size:100%;
}
html,body {
width:100%;
height:100%;
}
body {
line-height:1;
font-family:Helvetica,'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif;
}
ol,ul,li {
list-style:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/** prevent selection **/
.ns {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Opera and Firefox */
}
※ 위 압축한 것
* {outline:0;margin:0;padding:0;box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,img,b,i,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,thead,tr,th,td,canvas,audio,video{border:0;font:inherit;vertical-align:baseline;background:transparent;font-size:100%;}
html,body {width:100%;height:100%;}
body {line-height:1;font-family:Helvetica,'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif; }
ol,ul,li {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
/** prevent selection **/
.ns {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}