본문 바로가기

전체 글

 (233)
ul li .menu{margin: 0px;padding: 0px; // ul 에는 기본적인 margin값과 padding값을 가지고 있으므로 없애준다} .menu li{float: left;width: 100px;text-align: center;list-style: none; // 점을 없앤다.border: 1px solid #000;margin-right: -1px;height: 30px;line-height: 30px;} menu1 menu1menu1menu1menu1
float float: left; // 부모 요소의 왼쪽 끝으로 이동float: right; // 부모 요소의 오른쪽 끝으로 이동float: inherit; // 부모 요소의 float속성을 물려받는다는 뜻float: none; // 요소가 플로트되지 않는다는 뜻이고, 기본값img { float: right; margin: 10px;} 값
position: relative, alsolute position: absolute;left: 50px;margin-left: -50px; // width 의 절반width:100pxheight:100px;text-align:center;line-height:100px;border:1px solid #eee; background: #ff0404;
Responsive Navigation Menu Tutorial
자바스크립트 책 추천 Javascript Enlightenment - 상급 입문자용책, 코어부분을 다룬다. 완벽가이드와 겹치는 부분이 많다. 기초 한번 다지기용. Javascript Cookbook - 자잘한 문제 처리법 공부하기 괜찮은 것 같다. 입문용 Javascript The Good Parts - 입문용, 코어 기초 다지기에 좋다. Javascript patterns - 입문자용 책이 아니다. 스킬업하기 좋은 책, 패턴이나 상속같은 부분이 많이 나온다. 난이도도 꽤 높다고 생각함. Javascript Web Application - 자바스크립트 MVC 어플리케이션에 대한 책. 상속, 이벤트, 모델, 컨트롤러, 뷰, 템플릿 많은 주제를 다룬다. 상속같은 부분은 Patterns 쪽보다는 조금 쉽고 가볍게 다룬다. Spar..
Creating a dropdown navigation menu
Easy CSS Navigation Menu
HTML Confirmation Box/Popup - Single Line of Code

티스토리툴바