※html 파일 HTML 연습 소개하고픈 링크 즐겨읽는 책 좋아하는 영화 함께듣는 음악 Colored by Color Scriptercs ※CSS3 파일#minitabs{ margin: 0; padding: 0 0 20px 10px; /* 방향은 top - right - bottom - left */ border-bottom: 1px solid #9FB1BC;}#minitabs li{ margin : 0; padding: 0; display: inline; /* 블록으로 표현 되는 리스트를 인라인 형태로 리스트 품목을 변경 */ list-style-type: none; /* 리스트의 블릿 모양을 없앤다.*/}#minitabs a{ float: left; line-height: 14px; font-weig..
1.전체 선택자: 모든 HTML 태그를 말한다.* { border-color: red; } 2.태그 선택자: 개별 HTML 태그를 말한다.h1, div, p { border-color: red; } 3.아이디 선택자: 태그의 속성중 id의 값을 말한다.#wrap { border-color: red; } 4.클래스 선택자: 태그의 속성중 class의 값을 말한다..wrap { border-color: red; } 5.자손 선택자, 후손 선택자: 하위 레벨을 말한다.-.자손 선택자: 바로 다음 레벨을 말한다.h1 > h2 { border-color: red; } -.후손 선택자: 다음레벨 과 하위 레벨의 전체를 말한다.h1 h2 { border-color: red; } 6.속성선택자: 태그의 속성을 말한다...
※상속 형태 3가지function Car(name, speed){ this.name = name; this.speed = speed;}Car.prototype.drive = function(){ console.log(this.name + "는 " + this.speed + "km로 달린다.")};/*-------------------------------------------------- *생성자 형태 1--------------------------------------------------*/function Suv(name, speed, fuel){ this.fuel = fuel; Car.apply(name, speed);}/*-----------------------------------------..
※함수 내의 변수 범위 function Constructor(value){ ① let value1 = 10; ② this.value2 = value; ③ value3 = 30;} ①번은 변수 선언 키워드를 사용해서 변수를 선언했기에 함수 형태로 호출되던, new를 이용해서 객체를 생성한 뒤 호출되던 상관없이 함수 내부의 지역변수이다. ②번은 변수 선언 키워드 없이 this를 사용한 경우로 함수 형태로 호출되면 window 객체에 존재하는 변수 value2를 찾으며, new를 사용해서 생성한 객체를 이용해서 호출되면 new에 의해 생성된 객체 내의 value2의 값을 찾는다.일반적으로 this는 최상위 객체인 window객체를 나타낸다. ③번은 변수 선언 없이 그냥 변수를 호출한 경우는 함수 형태로 호출되..