Blog Content

스크롤 따라다니는 메뉴 01. CSS 123456789/* CSS 는 입맛에 맞게 변경 */html, body {height: 100%;}#wrap {text-align:center; height:100%}header {background:orange; box-shadow: 0px 5px 10px -5px; position:relative;}header li {display:inline-block;}header li a {display:block; padding:20px;}header.fixd {position:fixed; top:0; width: calc(100% - 15px);} section {background:orchid; min-height:100%; padding:150px 0 150px}f..

텝 Animate 드롭 메뉴 01. CSS 123456789101112.tab_type02 ul:after {content:""; display: block; clear:both;}.tab_type02 li {float:left;/* width:25%;*/}.tab_type02 li a{display:block; padding:10px; border:1px solid #ccc; text-align:center;}.tab_type02 li.on a{background:#ccc; color:#fff; }.tab_type02 .box_area { position: relative;}.tab_type02 .box {border:1px solid #ccc; border-top:0; width:100%; paddi..

HTML 워크리스트1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651..

출처http://zetawiki.com/wiki/JQuery_%EC%85%80%EB%A0%89%ED%84%B0 셀렉터 예시 설명 id, class, tag로 선택 ★★★ * $("*") 모든 요소들 #id $("#lastname") id가 "lastname"인 요소 .class $(".intro") 클래스가 "intro"인 요소들 .class,.class $(".intro,.demo") 클래스가 "intro" 또는 "demo"인 요소들 element $("p") 요소들 el1,el2,el3 $("h1,div,p") , and 요소들 처음, 마지막, 홀수, 짝수 선택 ★ :first $("p:first") 첫번째 요소 :last $("p:last") 마지막 요소 :odd $("tr:odd") 홀수번째 요소..

DOM Tree 모든 엘리먼트는 HTMLElement의 자식이다. HTMLElement는Element의 자식이고 Element는 Node의 자식이다. Node는 Object의 자식이다.이러한 관계를 DOM Tree 라고 한다.