wazac

1. reset.css reset은 보통 가장 많이 사용되는 Eric Meyer's 의 Reset CSS 2.0에서 css를 추가해서 사용한다. /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,..

버튼 클릭시 하단의 내용이 출력되는 탭을 만들어보겠습니다. 디자인요소를 추가하기 위해 활성화된 버튼 부분은 하나의 div로 컨트롤 하여 클릭시 위치를 이동시켜 좀 더 세련(?)되게 디자인 해보았습니다. 1. HTML 공지사항 뉴스 일대일문의 공지사항입니다. 공지사항입니다. 공지사항입니다. 공지사항입니다. 공지사항입니다. News입니다. News입니다. News입니다. News입니다. News입니다. 1:1 문의 입니다. 1:1 문의 입니다. 1:1 문의 입니다. 1:1 문의 입니다. 1:1 문의 입니다. 2. CSS * { padding:0; margin:0; box-sizing:border-box; } body{ background-color:#eee; } .wrap { padding:30px; } ...

모바일개발시 알아주면 좋은 HTML/CSS이 있습니다. 기본적인것도 있고 자주사용하는 것들입니다. 모바일 개발을 처음 하게된다면 거의 필수적으로 사용하게 될 것들입니다. 1. viewport meta 태그 2. @media query 사용하기 3. 해상도별로 css 적용하기 4. 모바일 상단 화면 색 바꾸기 5. 해상도별 사이즈 자동화! vw단위 1. viewport meta 태그 content 에 width=device-width 로 브라우저 너비를 장치 너비에 맞추어 표시하게됩니다. initial-scale로 기본 확대너비를 사용한다던지 (1.0 = 100%), use-scalable=no 를 설정하면 모바일에서 확대를 강제로 막을수도 있습니다. 사용예시) 1 cs 만약 viewport meta태그를..