본문 바로가기

프론트기술/Html+CSS4

HTML5 기본 Layout Template index.html header nav contents Rev Factory style.css html,body { padding: 0; margin: 0; text-align: center; height: 100%; } body { font-size: 12px; font-family: "돋음",dotum,sans-serif; color: #333; } #Head { position: relative; width: 100%; height: 50px; overflow: hidden; z-index: 10; background-color: #eee; } #bodyWrap { width: 100%; min-height: 100%; margin: -50px auto -30px; background-color: .. 2015. 3. 18.
HTML4 와 HTML5의 차이점 HTML4 와 HTML5의 차이점HTML5의 새로운 버젼에 따른 새로운 개념과 달라진 점을 알아보도록 하겠습니다.새롭게 도입된 요소변경된 요소없어진 요소신규속성새롭게 도입된 요소- section 요소 : h1~h6 관련된 콘텐츠를 그룹화하기 위해 사용- article 요소 : 독립콘텐츠 등의 섹션을 나타내기 위함- aside 요소 : 메인콘텐츠와 관련된 참고 콘텐츠 등의 섹션- hgroup 요소 : 섹션의 제목(h1~h6)을 그룹화하기 위해 사용- header 요소 : 섹션의 헤더를 나타냄- footer 요소 : 섹션의 푸터를 나타냄- nav 요소 : 내비게이션 사용- figure 요소, figcaption 요소: 이미지나 동영상 등의 콘텐츠와 그 캡션을 그룹화하기 위함- audio 요소 : 사운드 또는.. 2013. 1. 19.
Text Wrapping CSS Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa .. 2013. 1. 12.
마우스 커서 CSS 마우스 커서 변경 CSS 모음 cursor: auto (uses what is set by user) cursor: crosshair (should produce a cross) cursor: default (cursor remains as it is) cursor: e-resize (arrow pointing right) cursor: hand (the traditional pointing hand) cursor: help (a Question Mark should appear) cursor: move (a cross with arrows on the tips) cursor: n-resize (an arrow pointing north or up) cursor: ne-resize (an arrow po.. 2012. 12. 5.