천천히 알아가는 세상

안녕하세요. 이번에는 DOM 객체와, 선택자에 대하여 알아보겠습니다. 1. DOM(Document Object Model) 객체 문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다. 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현됩니다. 2. Document 웹 페이지에 존재하는 HTML 요소에 접근하여 행동을 하고자 할 때 사용하는 객체 2-1. 속성 document.documentElement document.head document.title document.body document.URL docum..

안녕하세요. 이번에는 CSS 선택자에 대하여 알아보겠습니다. 자세하게 보고 싶으신 분은 공식 문서 페이지를 참고하시면 됩니다. CSS 선택자 문서 페이지 바로가기 일단 CSS 선택자는 크게 2가지 종류로 나뉩니다. 단일 선택자 - 전체(*), 태그, Class, ID 복합 선택자 - 단일 선택자를 혼합해서 사용하는 방식 1. 단일 선택자 h1 h2 h3 p1 p2 2. 복합 선택자 1 2 3 4 5 6 1 2 3 4 5 6 7 test 3. 가상 선택자 E::active {}, E::hover {} 기타 등등 이벤트 관련 CSS 라고 생각하면 됩니다. 네이버 다음 오렌지 딸기 수박 망고 사과 간략하게 설명을 드리자면 우선 div 태그를 CSS를 이용하여 100px 노란색 박스로 만들어줍니다. div 태그..