디자인 적용

디자인 적용 방법(1) : 인라인 스타일

디자인 적용 방법(2) : 내부 스타일 시트

  1. 태그 선택자 적용 예시
  2. 클래스 선택자 적용 예시
  3. 아이디 선택자 적용 예시
  4. 클래스 중첩 적용 예시

디자인 적용 방법(3) : 외부 스타일

  1. 외부 스타일 적용 예시

선택자의 이해

자식선택자

나는 div의 자식 요소인 p 태그입니다.

나는 div의 자손 요소인 p 태그입니다.


JavaScript 적용

JavaScript 적용 방법(1) : 인라인 이벤트 핸들러



JavaScript 적용 방법(2) : 내부 스크립트



변경될 내용

변경될 내용

JavaScript 적용 방법(3) : 외부 스크립트

변경 전

변경될 내용✅


JavaScript 로드 순서

head에서 스크립트 선언

로드순서 확인용

body에서 스크립트 선언

로드순서 확인용