OK DDODDO LAB

작업자 마다 다르고, 프로젝트 마다 다른 나만의 css reset 입니다. 참고만 하세요. /* Reset */ * { background-repeat: no-repeat; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { margin: 0; padding: 0; } body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {-webkit-text-size-adjust: ..

브라우저(익스, 크롬)마다 사이즈며 여백 등이 제각각 (제 맘대로 브라우저 두 개만 맞춤..) HTML (html, header, body 형식은 생략합니다~~) 인쇄영역!! CSS body {margin: 0;padding: 0;} * {box-sizing: border-box;-moz-box-sizing: border-box;} .page { width: 21cm; min-height: 29.7cm; padding: 2cm; margin: 0 auto; background:#eee; } .subpage { border: 2px red solid; background:#fff; height: 257mm; } @page { size: A4; margin: 0; } @media print { html, b..

모바일 웹과 앱(어플)의 차이점! 헛갈리기 쉬운 모바일 웹과 앱의 차이점에 대해서 알아보겠습니다. 모바일 웹(WEB)은 말그대로 Webpage 입니다. 즉, 모바일웹=홈페이지 입니다. 아래의 캡처사진을 보면 모바일웹처럼 모바일에 맞게 만들어진 홈페이지라고 생각하면 됩니다. 모바일 앱(APP)는 Application 어플리케이션입니다. 즉, 앱=프로그램입니다. 게임같이 설치하여 사용하는 프로그램이 앱에 해당합니다 간단하게 모바일 앱과 웹의 차이를 표로 보여드리 겠습니다. 모바일 앱(APP/Application) 모바일 웹(WEB/Webpage) 개발환경 안드로이드,IOS 등의 각 플랫폼에 맞는 언어 HTML,HTML5,Javascript,CSS 등 업데이트 수정하여 서버에 적용되는 시간까지의 시간 소요, ..

HTML 뒤로가기 CSS /* Default set */ html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, a, button, input, textarea, table, th, td, figure, hr, i, b { margin: 0; padding: 0; font-weight: 400; -webkit-text-size-adjust: none; --font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo",Roboto, "Noto Sans KR", sans-serif; font-family: "Apple S..

HTLM CSS /* Dot Falling */ .examples {position: relative;background: #fff;width: auto;padding: 5% 10%;border-radius: 16px;} .dot-falling {position: relative;left: -9999px;width: 8px;height: 8px;border-radius: 5px;background-color: #80ccff;color: #80ccff;box-shadow: 9999px 0 0 0 #80ccff;animation: dot-falling 1s infinite linear;animation-delay: 0.1s; } .dot-falling::before, .dot-falling::after {c..